UI Design Tutorial - Website From Wireframe

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=_P3CrgFlXhg


Duration: 36:34
112,477 views
3,584

Planning out a website before building it is same as saying measure twice, cut once. Prototyping is a way to do exactly this. When we design our websites, we progress from wireframing, prototyping, and finally, a full design. In this tutorial you will learn what Prototyping actually means and what it looks like. You will see the full process of taking an early prototype and wireframe and creating a website.

🎥 Video from Adrian Twarog. Check out his YouTube channel: https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ

🔗 Learn how to create a wireframe in the first video in this series: https://youtu.be/pN92rnO_n5U

--
Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news



Other Videos By freeCodeCamp.org


2020-10-07Reviewing Your Website Designs Live - with Gary Simon
2020-10-06Chicken Nuggets and itertools - Python Basics with Sam
2020-10-06Full React Course 2020 - Learn Fundamentals, Hooks, Context API, React Router, Custom Hooks
2020-10-01Build a Website from Start to Finish using WordPress [Full Course]
2020-09-30Reviewing Your Website Designs Live - with Gary Simon
2020-09-30Intro to Object Oriented Programming - Crash Course
2020-09-28JavaScript Tutorial: Build Flappy Bird and Doodle Jump
2020-09-23Visual Studio Code Crash Course
2020-09-22Board Game, Lists and More - Python Basics with Sam
2020-09-22Flutter Tutorial - Building a Production App From Scratch
2020-09-21UI Design Tutorial - Website From Wireframe
2020-09-19Data Analysis with Python: Part 6 of 6 - Exploratory Data Analysis - A Case Study [Live Course]
2020-09-17Computer Networking Course - Network Engineering [CompTIA Network+ Exam Prep]
2020-09-15Calculus 2 - Full College Course
2020-09-12Data Analysis with Python: Part 5 of 6 - Visualization with Matplotlib and Seaborn (Live Course)
2020-09-11Blazor Course - Use ASP.NET Core to Build Full-Stack C# Web Apps
2020-09-09Unreal Engine Tutorial - Create a 2D Snake Game [Code + Assets]
2020-09-08Data Structures - Computer Science Course for Beginners
2020-09-05Data Analysis with Python: Part 4 of 6 - Analyzing tabular data with Pandas
2020-09-03How to Design a Website – A UX Wireframe Tutorial
2020-09-01AWS SysOps Administrator Associate 2020 (PASS THE EXAM!)