colinlsmatthews/education-and-practice

Codecademy Course Syllabi

Full Stack Engineer

• Web Development Foundations

  • Welcome to the Full Stack Engineer Path

    • Getting Started on Full-Stack Engineering

      	Informational	Welcome to the Full-Stack Engineer Path
      	Informational	Helpful Resources
      	Informational	Community Resources

    • Introduction: Overview of Web Development

      	Informational	Introduction: Overview of Web Development

    • The Internet and Web Development

      	Lesson	Overview of the Internet
      	Lesson	Languages for Web Development

    • Introduction to Software Engineering

      	Informational	Welcome to the Full-Stack Engineer Path
      	Informational	Helpful Resources
      	Informational	Community Resources

    • Review: Overview of Web Development

      	Informational	Review: Overview of Web Development

  • Fundamentals of HTML

    • Introduction: Fundamentals of HTML

      	Informational	Introduction: Fundamentals of HTML

    • Learn HTML: Elements

      	Lesson	Introduction to HTML
      	Quiz	Introduction to HTML

    • Learn HTML: Structure

      	Lesson	HTML Document Standards
      	Quiz	HTML: Document Standards
      	Article	Intro to Mozilla Developer Network
      	Article	HTML on MDN Web Docs: Debugging
      	Project	Fashion Blog

    • Learn HTML: Tables

      	Lesson	HTML Tables
      	Quiz	HTML Tables
      	Project	Wine Festival Schedule

    • Semantic HTML

      	Lesson	Semantic HTML
      	Quiz	Semantic HTML
      	Project	New York City Blog

    • Review: Fundamentals of HTML

      	Informational	Review: Fundamentals of HTML

  • Fundamentals of CSS

    • Introduction: Fundamentals of CSS

      	Informational	Introduction: Fundamentals of HTML

    • Learn CSS: Selectors and Visual Rules

      	Lesson	Setup and Syntax
      	Lesson	Selectors
      	Quiz	Setup and Selectors
      	Lesson	Visual Rules
      	Quiz	Visual Rules
      	Docs	Documentation: CSS
      	Project	Healthy Recipes
      	Project	Olivia Woodruff Portfolios

    • Learn CSS: The Box Model

      	Lesson	The Box Model
      	Lesson	Changing the Box Model
      	Quiz	Box Model
      	Article	The Box Model in DevTools
      	Video	The Box Model in DevTools
      	Project	The Box Model: Davie's Burgers

    • Learn CSS: Display and Positioning

      	Lesson	Display and Positioning
      	Quiz	Display and Positioning
      	Project	Broadway

    • Review: Fundamentals of CSS

      	Informational	Review: Fundamentals of CSS

    • Review: Fundamentals of HTML

      	Informational:	Review: Fundamentals of HTML

  • Developing Websites Locally

    • Introduction: Developing Websites Locally

      	Informational	Introduction: Developing Websites Locally

    • Getting Started with Text Editors

      	Article	Getting Started with Visual Studio Code
      	Article	Building Projects with VS Code
      	Article	Create Your First Local HTML/CSS Project

    • Developing with CSS

      	Video	Intro to Chrome Devtools
      	Article	CSS Visual Rules in Chrome Inspector
      	Project	Off-Platform Project: Dasmoto's Arts & Crafts
      	Informational	Dasmoto Project Solution

    • Review: Developing Websites Locally

      	Informational	Review: Developing Websites Locally

  • Deploying Websites

    • Introduction: Deploying Websites

      	Informational	Introcution: Deploying Websites

    • Web Hosting

      	Video	What is Hosting?
      	Video	What is a Domain Name?

    • Deploy a Site with GitHub Pages

      	Resource	What is GitHub Pages?
      	Article	Creating a Website on GitHub Pages

    • Command Line for Building Websites

      	Lesson	Navigation
      	Quiz	Navigation
      	Article	Setting Up Command Line
      	Project	Bicycle World
      	Project	Daily Buzz

    • Review: Deploying Websites

      	Informational	Review: Deploying Websites

  • Improved Styling with CSS

    • Introduction: Improved Styling with CSS

      	Informational	Introduction: Improved Styling with CSS

    • Learn CSS: Colors

      	Lesson	Color
      	Quiz	Color
      	Project	Paint Store

    • Learn CSS: Typography

      	Lesson	Typography
      	Quiz	Typography
      	Project	Typography

    • Challenge Project: Build Your Own Cheat Sheet

      	Project	Challenge Project: Build Your Own Cheat Sheet

    • Learn Links and Buttons

      	Lesson	Learn Links and Buttons
      	Article	Affordances, Signifiers, and Clickability
      	Quiz	Links and Buttons
      	Project	The Summit

    • Learn Secondary Navigation

      	Lesson	Learn Secondary Navigation
      	Quiz	Learn Secondary Navigation
      	Project	FreshDeals: Blueberries

    • Wireframing

      	Video	What are Wireframes?
      	Video	From Design to Website
      	Article	Everything You Need to Know about Wireframes and Prototypes

    • Challenge Project: Build a Website Design System

      	Project	Challenge Project: Build a Website Design System

    • Review: Improved Styling with CSS

      	Informational	Review: Improved Styling with CSSs

  • Making a Website Responsive

    • Introduction: Making a Website Responsive

      	Informational	Introduction: Making a Website Responsive

    • Learn Responsive Design: Grids and Spacing

      	Lesson	Grids and Spacing
      	Qui:	Grids and Spacing

    • Layout with Flexbox

      	Lesson	Flexbox
      	Quiz	Flexbox
      	Project	Flexbox: To-Do App
      	Project	Off-Platform Project: Tea Cozy

    • Learn CSS: Grid

      	Lesson	Grid Essentials
      	Quiz	Grid
      	Lesson	Advanced CSS Grid
      	Project	PupSpa
      	Project	CSS Grid: Task Board

    • Learn Responsive Design

      	Lesson	Sizing Elements
      	Quiz	Sizing Elements
      	Lesson	Media Queries
      	Quiz	Media Queries
      	Article	Simulate Different Screen Sizes with Device Mode in Chrome DevTools
      	Project	Tsunami Coffee

    • Learn CSS: Documentation and Debugging

      	Lesson	Documentation and Research
      	Informational	Off-Platform Project: Fotomatic
      	Informational	Fotomatic Project Solution

    • Challenge Project: Company Home Page

      	Project	Challenge Project: Company Home Page

    • Challenge Project: Responsive Club Website

      	Project	Challenge Project: Responsive Club Website

    • Review: Making a Website Responsive

      	Informational	Review: Making a Website Responsive