This lesson is also on YouTube:
Prerequisites
The goal for this lesson
By the end of this lesson, you will:
- Be able to explain to someone what Flexbox is
- Understand how Flexbox can make your workflow faster and WAYYYY less frustrating
- Have a firm understanding of basic Flexbox syntax and patterns
- Build the following design with Flexbox:
Prerequisites
The goal for this lesson
View this lesson on YouTube here
By the end of this lesson, you should what “responsive web design” is and why we care so much about it.
In the prior lesson, we built this pricing component with HTML and CSS:
But when we resize this in the browser, it gets cut off…
Welcome to my free series on learning to code. Through this free series, you will go from zero experience to deploying your first full-stack web application. Along the way, I’ll teach you the essential web development concepts needed for 2021 and beyond.
Please share this series with the hashtag #fullstackroadmap and help me spread the word!
What are we building?
Update (3/23/21): When I first created this series, I said that we were going to create a personal blog and content management system, but then I realized how boring that is. Instead, **we will be building an E-Commerce application with Stripe integration**.
**By the…
Prerequisites
This tutorial is for the complete beginner. Here are the required skills:
- A basic understanding of HTML
- Required for solving the code challenges: lessons 1–7 in this series.
The goal for this lesson
See this crash course on YouTube:
- Part 1 — CSS Basics
- Part 2 — Box Model
- Part 3 — Must Know CSS Properties
- Part 4 — Pricing Grid Code Challenge
By the end of this lesson, you will have built this from scratch (Frontend mentor link).
And after a few short lessons on responsive design, CSS Grid, and Flexbox, we will build this (Frontend mentor link).
The goal for this lesson
By the end of this lesson, I want you to clearly understand the following:
- What is HTML?
- What is the Document Object Model? (DOM)
- What is the relationship between JavaScript, HTML, and CSS?
- How to write a basic webpage
At the end of the lesson, we will be building this:
See this lesson on YouTube here
Useful series links
This is part of my full-stack developer series, where you’ll go from never having written a line of code to deploying your first full-stack web application to the internet. Click this link to get an overview of what this series is all about.
#fullstackroadmap Lesson 6
See this lesson on YouTube here
This is part of my fullstack developer series, where you’ll go from never having written a line of code to deploying your first fullstack web application to the internet. Click this link to get an overview of what this series is all about.
Please tag me on Twitter @zg_dev and share this series with #100DaysOfCode!
Useful series links
- Series Table of Contents
- Github Repository — where you’ll find all the code we write in this series
- YouTube Playlist
- Series Overview
- 100 Days of Code Challenge — I highly recommend you take this on while reading this series!
- …
See this lesson on YouTube here
This is part of my fullstack developer series, where you’ll go from never having written a line of code to deploying your first fullstack web application to the internet. Click this link to get an overview of what this series is all about.
Please tag me on Twitter @zg_dev and share this series with #100DaysOfCode!
Useful series links
- Series Table of Contents
- Github Repository — where you’ll find all the code we write in this series
- YouTube Playlist
- Series Overview
- 100 Days of Code Challenge — I highly recommend you take this on while reading this series!
- …
This is part of my full-stack developer series, where you’ll go from never having written a line of code to deploying your first full-stack web application to the internet. Click this link to get an overview of what this series is all about.
Please share this series with the hashtag #fullstackroadmap and help me spread the word!
Useful series links
- Series Table of Contents
- Github Repository — where you’ll find all the code we write in this series
- YouTube Playlist
- Series Overview
- 100 Days of Code Challenge — I highly recommend you take this on while reading this series!
- My CodeWars Profile —…
Here is the YouTube version of this lesson.
This is part of my fullstack developer series, where you’ll go from never having written a line of code to deploying your first fullstack web application to the internet. Click this link to get an overview of what this series is all about.
Please share this series with the hashtag #fullstackroadmap and help me spread the word!
Go to next lesson (coming soon…)
Hold yourself accountable with 100 days of code
Today marks the first lesson where we actually start writing some real code. Because of this, I encourage you to take the 100 days of…
Here is the YouTube version of this lesson.
This is part of my fullstack developer series, where you’ll go from never having written a line of code to deploying your first fullstack web application to the internet. Click this link to get an overview of what this series is all about.
Please share this series with the hashtag #fullstackroadmap and help me spread the word!
How to read this lesson
Unlike many of the posts I write, this one is going to be in the form of a detailed Q&A session. …
