Foundations
of
Web Design

Foundations of Web Design

by FreeCodingLessons.com
Welcome
Part 1
1.1 HTML Basics
1.2 Tags and Styles
1.3 Lab: Single Page Projects
Part 2
2.1 Multipage Sites
2.2 ◑ Flex Layout
2.3 ◑ Lab: Multi-Page Projects
Part 3
3.1 ◕ Tailwind
3.2 ◑ Forms
3.3 ◔ Lab: Forms and Frameworks
Part 4
4.1 ◔ Web Components
4.2 ◔ Modulo Layouts
4.3 ◔ Lab: JAMStack Apps with Modulo Introduction Activity 1 Activity 2 Activity 3 Activity 4

4.3 - Lab: JAMStack Apps with Modulo

Activity 1

Build Dashboard with Modulo

View Activity 1 Slides

Open Activity 1 instructions (raw markdown, GitHub) »
View Activity 1 code files (GitHub) »

Activity 2

Build Forms with Modulo

View Activity 2 Slides

Open Activity 2 instructions (raw markdown, GitHub) »
View Activity 2 code files (GitHub) »

Activity 3

4.2 - Activity 3 - Full App

This activity is incomplete, but will be released later. Follow the portion of the other tutorial instead (Markdown-HTML), at least until then:

https://modulojs.org/tutorial/building-apps/part2.html

View Activity 3 Slides

Open Activity 3 instructions (raw markdown, GitHub) »
View Activity 3 code files (GitHub) »

Activity 4

4.2 - Activity 4 - Full App

This activity is incomplete, but will be released later. Follow the portion of the other tutorial instead (JAMStack Zip file), at least until then:

https://modulojs.org/tutorial/building-apps/part2.html

View Activity 4 Slides

Open Activity 4 instructions (raw markdown, GitHub) »
View Activity 4 code files (GitHub) »

Early Access

© 2023 Michael Bethencourt % A Modulo.js Course % In-person sessions by Kickstart Coding