Skip to content
Web Development
Menu and widgets
Welcome
0. Hello world
Syllabus – Spring 2024 – JW
Attitudes and habits
Course software
Setting up your Mac
Getting started with Free Code Camp
Aldridge Class Homepage 2024
1: HTML and CSS
Your First HTML File
HTML Tags
HTML Boilerplate
Files and Folders
Setting up a domain and hosting
Uploading to the Server
Cyberduck 101
Homepages and Course File Structure
Homepages and Course File Structure Aldridge 2024 Version
Lists
Links
Images
HTML Tables
CSS
Linking to an external stylesheet
Applying CSS Rules: Elements, IDs, and Classes
Styling Text
CSS Background Lesson
Laying out a website with CSS and div tags
Fonts
CSS Box Model
Div Tags and Semantic Elements
Styling Links
Applied Accessibility
Artisanal hand-crafted small-batch locally-sourced bespoke website
Getting started on Project One
2. Bootstrap
Bootstrap
Bootstrap Starter Template
Bootstrap Playground
Bootstrap Grid Exercise
Media Queries
Responsive Optimization Exercise
Shopping for themes
Customizing Bootstrap
Working with Bootstrap Themes
Inspector Gadgets
Bootstrap Triptych
Getting started with Project Two
Getting started with Project Two_Emuel_Version
3. WordPress
Intro to WordPress
WordPress Starter Steps
WordPress Playground
Pages vs posts
20 FAQs
Block editor
Plugins
Shopping for themes
WooCommerce
WooCommerce Starter Steps
The wide, wide world of widgets
Order off the (navigation) menu
Customizing WordPress CSS
Moving a WordPress site
Backing up WordPress
Project 3: WordPress Variety Pack
4. JavaScript
Intro to JavaScript
JS Lesson One: Build a calculator
Loading content dynamically
Fortune Teller
Control CSS with JavaScript
Jukebox Assignment
JavaScript 1 – FCC 16
JavaScript 2 – FCC 17
JavaScript 3 – FCC 18
JavaScript 4 – FCC 19
JavaScript 5 – FCC 20
JavaScript 6 – FCC-21
Assignments
Free Code Camp assignments
Project Rubric
Project 1: Artisanal hand-crafted small-batch locally-sourced bespoke website
Project 2: Bootstrap Triptych
Project 3: WordPress Variety Pack
Project 4: JavaScript Arcade
Final Project
NMI Dossier
Dossier Examples for Emuel’s Students
Resources
Help help
Info Form
Formatting & Indenting Your HTML
Visual Studio Code Field Notes
Inspector Gadgets
Caching
Web Design in 4 Minutes
CSS Cascade
Another Great Front End Web Dev Course
CSS Properties Reference
CSS Diner
CSS Selector Game
Screen Reader reading
Study like an artist
What is the DOM?
Image best practices
Getting to Know You
Info Form
Fill out
this form
—thanks!