Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Beginner Full Stack Web Development: HTML, CSS, React & Node
Getting Started With HTML
Intro to Web Development (7:58)
Where to get free live help (0:15)
Installing an IDE (5:36)
Building Your First Website (12:47)
Intro to HTML, HEAD, BODY, and HEADER (10:32)
Working with HTML Lists, Paragraphs, and Text Styling (7:59)
Displaying Data With Tables (7:38)
Images & Forms in HTML (12:21)
Introduction to CSS
What is CSS? (3:22)
How to use Inline, Internal and External CSS (8:57)
Element, ID & Class Selectors (10:36)
Colors (14:18)
Backgrounds & Borders (10:33)
Using browser inspector tools (13:31)
CSS Combinators (5:31)
CSS Grouping (5:32)
CSS Specificity (15:16)
Intermediate CSS
Text Styling & Formatting (20:14)
Google Fonts (8:15)
Images (9:49)
Padding & Margin (9:42)
Rows & Columns (13:06)
Advanced CSS: Building and styling website
Intro to building your first Website! (1:15)
Building the Navbar (22:48)
Making the Navbar Mobile Responsive - Part 1 (11:00)
Making the Navbar Mobile Responsive - Part 2 (23:44)
Creating the Form Group (30:47)
Working with iframes (22:17)
Working with images and box shadows (42:35)
Working with text and image spacing (28:25)
Building the footer (18:01)
Learning to Code With Javascript
Time to Javascript (8:50)
Javascript Reference (4:21)
Javascript Comments & How to Link Scripts (7:44)
Javascript Variables & Strings (12:57)
Numbers in Javascript (8:03)
Comparison Operators in Javascript (15:40)
Logical Operators in Javascript (15:19)
Javascript Arrays (16:16)
Javascript Loops (14:22)
Javascript Functions (22:19)
Javascript Objects (27:05)
Javascript Bind (8:30)
Percentage Calculator - Setting Up the Form (7:56)
Percentage Calculator - Grabbing Elements With Javascript (10:38)
Percentage Calculator - Using Event Listeners (12:54)
Percentage Calculator - Algorithm & Prevent Default (8:09)
Version Control With Git
Git & Version Control - The Fun Way (11:59)
Terminal Basics - Changing directories (6:07)
Terminal Basics - Creating directories & files (4:30)
Terminal Basics - copying & renaming files (8:57)
Terminal Basics - deleting files & directories (6:01)
Git Basics (17:16)
Setting up Github (4:36)
Working with Local & Remote Repositories (11:14)
Handling Git Merge Conflicts (16:52)
Introduction to Bootstrap 4
What is Bootstrap 4? (3:12)
Downloading Bootstrap 4 (3:04)
How to setup Bootstrap 4 in your project (7:15)
An Overview of Bootstrap 4 Components (5:57)
Understanding Bootstrap 4 Classes (3:15)
Bootstrap 4 - Using the Grid System (18:47)
Bootstrap 4: Creating a Login Portal
Bootstrap Login Portal Intro (2:05)
Bootstrap Cards - Creating the Sign-in Portal Box (19:36)
Bootstrap Forms - Adding the input fields (16:38)
Bootstrap Buttons: Adding the Sign In button and Labels (18:31)
Bootstrap Grids - Finishing Mobile Compatibility (8:29)
Bootstrap 4: Skate or Die Website
Skate or Die Intro (1:16)
Bootstrap 4 - Working with Navbars (10:32)
Bootstrap 4- Using Carousels (23:15)
Bootstrap 4 - Nesting rows and columns (20:55)
Bootstrap 4 - First Modal (16:11)
Bootstrap 4 - Adding images and buttons (18:58)
Bootstrap 4- Sizing Modals (18:19)
Bootstrap 4- Building the Footer (7:34)
Bootstrap 4- Working with Font Awesome Favicons (15:33)
Intro to Node, Mongo, & REST APIs
Understanding Web Requests (17:12)
Installing Node on macOS (7:49)
All About JSON (10:40)
Basics of Node (9:23)
Node Modules (5:39)
Building Your First API (16:58)
Postman, GET & POST Requests (19:23)
URL Parameters & Delete Requests (18:16)
Installing MongoDB on macOS (5:41)
Working With the Mongo Shell (12:18)
Searching for Documents (8:04)
Deletions & Documentation (4:24)
Swag Shop API: Project Creation (10:09)
Swag Shop API: Creating the Models (14:41)
Swag Shop API: Posting Products (12:55)
Swag Shop API: Fetching Products (9:56)
Swag Shop API: Populating Data (19:21)
Intro to React
Swag Shop: Setting Up React Tooling (18:58)
Swag Shop: Installing Bootstrap (11:28)
Swag Shop: Setting Up the API (6:26)
Swag Shop: Creating a HTTP Service (19:01)
Swag Shop: Promises With ES6 & React (12:20)
Swag Shop: Components in React - Website Product (13:48)
Swag Shop: Props in React (11:01)
Swag Shop: Working With State in React (13:46)
Swag Shop: Creating a WishList Component (24:50)
Swag Shop: Building a Singleton Data Service (11:23)
Swag Shop: Creating a Notification Service (13:09)
Swag Shop: Posting Notifications to React Components (7:31)
Swag Shop: Observing Notifications in React (13:47)
Swag Shop: Finishing Our Full Stack React App (16:14)
Swag Shop: Components in React - Website Product
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock