Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Coding and Web Design
1 - Welcome to Coding and Web Design!
1.0 - Intro Video
1.1 - Project Glossary
2 - Coming Up with the Topic of Our Website
2.1 - Project Ideas
2.2 - Project task #1: Let us know what topics you are thinking about
2.3 - Deciding on the Best Topic for Your Website
2.4 - Meeting #1 Presentation
2.5 - Project task #2: Send us a list of your top 5 picks and prepare to pitch the winner topic from your small-group discussion
3 - Building Our Team and Dividing Responsibilities
3.1 - Meeting #2 Presentation
3.2 - [Specializations] Considering becoming a designer?
3.3 - [Specializations] Considering becoming a content creator?
3.4 - [Specializations] Considering becoming a developer?
3.5 - Project task #3: Rank the specializations from the one you most prefer to the one you least prefer
3.6 - Learning task #2: Find one well-designed and one poorly designed website and let us know why you consider them such
4 - Introduction to UX and UI Design
4.1 - Meeting #3 Presentation
4.2 - Introduction to UX and UI Design
4.3 - Design Thinking - Layout and Composition
4.4 - Design Thinking - Typography
4.5 - Design Thinking - Images
4.6 - Design Thinking - Color
4.7 - Five Steps of Writing Effective Copy
4.8 - [Optional] What can we learn from shortcuts? On how design sometimes does not meet visitor needs
5 - Discovery
5.0 - (Impromptu) Project task: Submit design questions we need answers for
5.1 - [Designers] Discovery Workbook
5.2 - [Content Creators] Content Creator Questions
5.3. - [Developers] Developer Questions
5.5 - Meeting #5 Presentation
6 - Wireframes
6.1 - Getting started with wireframes
6.2 - [Designers] How to wireframe a website
6.3 - [Designers] Project task #4: Create the wireframes for our site using https://wireframe.cc/
6.4 - [Designers] How to present wireframes
6.5 - Meeting #6 Presentation
6.6 - Meeting #7 Presentation
7 - Mockup
7.1 - [Designers] GIMP download URL
7.2 - [Designers] How to design a website in GIMP
7.3 - [Designers] Project task #5: Create the first version of the website mockup using GIMP
8 - Working on the structure of our website
8.1 - [Developers] FreeCodeCamp HTML tutorials
8.2 - [Developers] W3Schools HTML tutorial
8.3 - [Developers] Project task #4: Prepare and introductory presentation into HTML
8.4 - Setting up the project #1: A good text editor
8.8 - W3Schools Bootstrap Tutorial
8.9 - Bootstrap Components Reference Documentation
9 - The content of our website
9.1 - [Content Creators] 5 Steps to Writing Effective Web Copy Interactive Content
10 - Making everything beautiful
10.1 - Introduction to CSS
10.2 - CSS Crash Course
10.3 - W3Schools CSS Tutorial (use as reference)
Teach online with
4.7 - Five Steps of Writing Effective Copy
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock