Intro to Web Development
- Intro to Web Development
- Join Our Free Student Group
- What is web development?
- Where should I start as a beginner?
- HTML: Building Your First Website
- What you can do as a web developer
- Frontend vs Backend development
- Installing an IDE
Getting Started With HTML
- Intro to HTML, HEAD, BODY, and HEADER
- HTML: Lists, Paragraphs, and Text Styling
- HTML: Displaying Data With Tables
- HTML: Images & Forms
Introduction to CSS
- What is CSS?
- How to use Inline, Internal and External CSS
- CSS: Element, ID & Class Selectors
- CSS: Colors
- CSS: Backgrounds & Borders
- Quiz - CSS Basics
- Using browser inspector tools
- CSS: Combinators
- CSS: Grouping
- CSS: Specificity
- Specificity Domination
Intermediate CSS
- CSS: Text Styling & Formatting
- CSS: Google Fonts
- CSS: Images
- CSS: Padding & Margin
- CSS: Rows & Columns
- Quiz: Intermediate CSS
Advanced CSS: Building and styling website
- CSS: Intro to building your first Website!
- CSS: Building the Navbar
- CSS: Making the Navbar Mobile Responsive - Part 1
- CSS: Making the Navbar Mobile Responsive - Part 2
- CSS: Creating the Form Group
- CSS: Working with iframes
- CSS: Working with images and box shadows
- CSS: Working with text and image spacing
- CSS: Building the footer
Computers & Code
- How Computers Work
- Understanding Binary
- How code works
- Heap vs Stack
- Understanding hexadecimal
- Variables & storage capacity
- Quiz: Computers & Code
Learning to Code With Javascript
- Time to Javascript
- Javascript Reference
- Javascript: Comments & How to Link Scripts
- Javascript: Variables & Strings
- Javascript: Numbers
- Javascript: Comparison Operators
- Javascript: Logical Operators
- Javascript: Arrays
- Javascript: Loops
- Javascript: Functions
- Javascript: Objects
- Javascript: Bind
- Percentage Calculator - Setting Up the Form
- Percentage Calculator - Grabbing Elements With Javascript
- Percentage Calculator - Using Event Listeners
- Percentage Calculator - Algorithm & Prevent Default
Version Control With Git
- How Version Control Works
- macOS Terminal Basics
- Git Basics
- Setting up Github on macOS
- Github vs Bitbucket
- Local & Remote Repositories
- Working Through Git Merge Conflicts
Introduction to Bootstrap 4
- What is Bootstrap 4?
- Downloading Bootstrap 4
- Bootstrap 4: Project Setup
- Bootstrap 4: Overview of Bootstraps Components
- Bootstrap 4: Understanding Bootstraps Classes
- Bootstrap 4: Using the Grid System
Bootstrap 4: Creating a Login Portal
- Bootstrap 4 Cards: Creating the Sign-in Portal Box
- Bootstrap 4 Forms: Adding the input fields
- Bootstrap 4 Buttons: Adding the Sign In button and Labels
- Bootstrap 4 Grids - Finishing Mobile Compatibility
Bootstrap 4: Skate or Die Website
- Bootstrap 4: Skate or Die Intro
- Bootstrap 4: Working with Navbars
- Bootstrap 4: Using Carousels
- Bootstrap 4: Nesting rows and columns
- Bootstrap 4: Modals
- Bootstrap 4: Adding images and buttons
- Bootstrap 4: Sizing Modals
- Bootstrap 4: Building the Footer
- Bootstrap 4: Working with Font Awesome Favicons
Intro to Flexbox
- What is flexbox?
