? Hello world
Syllabus
Attitudes and habits
Course software
Setting up your Mac
Getting started with Free Code Camp

?️ HTML and CSS
What We’ll Learn
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
Lists
Links
Images
CSS
Linking to an external stylesheet
Applying CSS Rules: Elements, IDs, and Classes
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

? 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

? 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

?️ 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

? Resources
Help help
Info Form
Formatting u0026 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

Files and Folders

Answers:
1. ../images/dalmatian.jpg
2. project-one/project-one.html
3. ../index.html
4. babyYoda.html
5. yoda.jpg

Pages: 1 2