We may earn an affiliate commission when you visit our partners.
Course image
Rochelle Deulley

Learners will create a portfolio showcasing their UI/UX projects and deploy it to GitHub. Creating a strong portfolio showcases not only their skills as a designer, but also their perseverance to learn some new skills outside the typical purview of a designer (in this case, coding languages HTML and CSS, and Microsoft’s Visual Studio Code).

Enroll now

What's inside

Syllabus

Project Overview
In this project, you will create a portfolio showcasing your UI/UX projects and deploy it to GitHub.

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Ideal for aspiring UI/UX designers who want to showcase their work in a professional manner
Provides hands-on experience in constructing a portfolio, a crucial element of a UI/UX designer's toolkit
Introduces learners to essential coding languages (HTML and CSS) and development tools (Microsoft's Visual Studio Code), expanding their technical capabilities beyond design
Leverages GitHub for portfolio deployment, aligning with industry practices
Led by Rochelle Deulley, an experienced instructor in the field

Save this course

Save Create Your UI/UX Portfolio with GitHub to your list so you can find it easily later:
Save

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Create Your UI/UX Portfolio with GitHub with these activities:
Attend Industry Conferences
Connect with professionals in the field to expand knowledge and explore career opportunities.
Browse courses on Networking
Show steps
  • Identify relevant industry conferences or events.
  • Attend sessions and workshops to learn about industry trends.
  • Network with other attendees to build connections.
Review of HTML and CSS Concepts
Refresh essential knowledge of HTML and CSS to strengthen the foundation necessary for this course.
Browse courses on HTML
Show steps
  • Review fundamentals of HTML tags and attributes.
  • Practice writing CSS selectors and rules to style elements.
  • Utilize online resources or tutorials for reinforcement.
Explore Advanced CSS Techniques
Enhance CSS knowledge by exploring advanced techniques and concepts.
Browse courses on CSS
Show steps
  • Identify specific advanced CSS techniques to learn.
  • Seek out and follow online tutorials or courses on these techniques.
  • Practice implementing the techniques in personal projects or exercises.
Four other activities
Expand to see all activities and additional details
Show all seven activities
HTML and CSS Coding Exercises
Solidify coding skills through repeated practice of HTML and CSS exercises.
Browse courses on HTML
Show steps
  • Find online coding challenges or exercises.
  • Practice regularly to improve coding accuracy and efficiency.
  • Review solutions and identify areas for improvement.
Create a UI/UX Mockup
Design and create a mockup to demonstrate practical application of UI/UX principles learned in the course.
Browse courses on UI/UX Design
Show steps
  • Identify a specific project or scenario for the mockup.
  • Sketch and iterate on design ideas for the mockup.
  • Use design tools or software to create a digital mockup.
  • Present or share the mockup for feedback and critique.
Personal Portfolio Project
Develop a personal portfolio showcasing UI/UX design skills and knowledge gained in the course.
Browse courses on Portfolio
Show steps
  • Gather and organize design work and projects.
  • Create a website or online platform to display the portfolio.
  • Showcase a range of UI/UX design techniques and examples.
  • Refine and update the portfolio over time.
UI/UX Design Proposal
Develop a comprehensive UI/UX design proposal to demonstrate understanding of design principles and processes.
Browse courses on UI/UX Design
Show steps
  • Define the problem statement and target audience.
  • Conduct user research and gather requirements.
  • Create wireframes and prototypes to illustrate the proposed design.
  • Present the proposal for feedback and critique.
  • Refine the proposal based on feedback.

Career center

Learners who complete Create Your UI/UX Portfolio with GitHub will develop knowledge and skills that may be useful to these careers:
UX Designer
In the field of UX Design, you will focus on making products that are not only visually appealing but also easy and enjoyable to use. This course can help you to build a portfolio of projects that showcase your talents for UI/UX Design. It can also help you to learn how to use HTML, CSS, and Microsoft’s Visual Studio Code, which are essential tools for UX Designers.
Product Designer
Product Designers are responsible for the entire product development process, from ideation to launch. This course can help you to develop a portfolio of projects that showcase your skills in UI/UX Design and product design.
Interaction Designer
Interaction Designers focus on designing interactive digital experiences for products and services. This course can help you to develop a portfolio of projects that showcase your skills in UI/UX Design and interaction design.
Web Developer
As a Web Developer, you will be responsible for the design, development, and maintenance of websites. In this course, you will learn how to create a portfolio of your UI/UX projects and deploy them to GitHub. This can help you to build up a body of work that you can share with potential employers. It can also help you to master skills in HTML, CSS, and Microsoft’s Visual Studio Code that are essential for Web Development.
Researcher
Researchers conduct studies to collect and analyze data in order to gain insights and inform decision-making. This course can help you to develop a portfolio of projects that showcase your skills in UI/UX Design and research methods.
Front-End Developer
In your profession as a Front-End Developer, you will work with the user-facing side of websites and applications. This course can assist you in developing a portfolio that demonstrates your skills in UI/UX Design and front-end development. It will also teach you essential tools and techniques used in the front-end development process.
Information Architect
Information Architects are responsible for the organization and structure of websites and other digital products. This course can help you to develop a portfolio of projects that showcase your skills in UI/UX Design and information architecture.
UI Designer
As a UI Designer, you will focus on the visual aspects of products, such as how they look and feel. This course can help you to develop a strong portfolio of projects that showcase your UI skills. It can also provide you with a foundational understanding of the tools and components that are used to create user interfaces.
Technical Writer
In your role as a Technical Writer, you will be responsible for creating documentation for software and other technical products. This course can help you to develop a portfolio of writing samples that showcase your skills in technical writing and UI/UX Design.
Data Scientist
Data Scientists use scientific methods to extract knowledge from data in order to solve business problems. This course can help you to develop a portfolio of projects that showcase your skills in UI/UX Design and data science.
Data Analyst
Data Analysts collect, clean, and analyze data to identify trends and patterns. This course can help you to develop a portfolio of projects that showcase your skills in UI/UX Design and data analysis.
Graphic designer
A Graphic Designer creates visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers. This course may be of some use to you as a Graphic Designer as it can help you to develop a portfolio that showcases your skills in UI/UX Design and graphics creation.
Software Engineer
In the field of software engineering, you will work with all levels of stakeholders to design, deploy, and maintain software. By learning to create a portfolio and deploying your project to GitHub, you will acquire valuable skills that will help you to showcase your design talents and demonstrate your passion for programming. This course may help you to build a foundation for a rewarding career as a Software Engineer.
Back-End Developer
As a Back-End Developer, you will be responsible for the server-side of websites and applications. This course will not teach you the fundamentals of back-end development, but it can help you to showcase your skills in UI/UX Design and front-end development.
Project Manager
Being a Project Manager involves overseeing and coordinating projects from start to finish. It requires the ability to manage budgets, timelines, and teams. While this course will not directly teach you the skills needed for Project Management, it can help you to develop a strong portfolio that showcases your ability to plan and execute projects.

Reading list

We've selected nine books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Create Your UI/UX Portfolio with GitHub.
This classic book explores the principles of human-centered design. It must-read for anyone who wants to design products and services that are both usable and enjoyable to use.
Provides a comprehensive guide to UX design. It valuable resource for designers who want to learn about the latest trends and best practices in the field.
Provides a practical guide to UX strategy. It valuable resource for designers who want to learn how to create products that meet the needs of users.
Provides a practical guide to design thinking. It valuable resource for designers who want to learn how to use design thinking to solve problems and create innovative products.
Introduces a methodology for creating scalable and consistent UI/UX designs. It valuable resource for designers who want to improve their workflow and create more efficient designs.
Provides a comprehensive guide to JavaScript, the essential programming language for web development. It valuable resource for beginners who want to learn how to code.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Here are nine courses similar to Create Your UI/UX Portfolio with GitHub.
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2024 OpenCourser