Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Beginner Full Stack Web Development: HTML, CSS, React & Node -1
Section 1 - Getting started with HTML
01-Installing an IDE (5:36)
02-HTML - Building Your First Website (12:47)
03-Intro to HTML, HEAD, BODY, and HEADER (10:32)
04-HTML - Lists, Paragraphs, and Text Styling (7:59)
05-HTML - Displaying Data With Tables (7:38)
06-HTML - Images & Forms (12:21)
Section 2 - Intro to CSS
01-What is CSS (3:22)
02-How to use Inline, Internal and External CSS (8:57)
03-css-selectors (10:36)
04-CSS Colors (14:18)
05-CSS Backgrounds & Borders (10:33)
06-Using browser inspector tools (13:31)
07-CSS Combinators (5:31)
08-CSS Grouping (5:32)
09-CSS Specificity (15:15)
Section 3 - Intermediate CSS
10-CSS Text Styling & Formatting (20:14)
11-Google Fonts (8:15)
12-CSS Images (9:49)
13-Padding & Margin (9:42)
14-CSS Rows & Columns (13:06)
Section 4 - Advanced CSS - Building and styling website
01-Building your first Website with CSS (1:15)
02-Building the Navbar (22:48)
03-Making the Navbar Mobile Responsive - Part 1 (11:00)
04-Making the Navbar Mobile Responsive - Part 2 (23:44)
05-Creating the Form Group (30:47)
06-Working with iframes (22:17)
07-Working with images and box shadows (42:35)
08-Working with text and image spacing (28:25)
09-Building the footer (18:01)
Section 5 - Learning to Code With Javascript
01-Time to Javascript (8:50)
02-Javascript Reference (4:21)
03-Comments & How to Link Scripts (7:44)
04-Numbers (8:03)
05-Variables & Strings (12:57)
06-Comparison Operators (15:40)
07-Logical Operators (15:19)
08-Arrays (16:16)
09-Loops (14:22)
10-Functions (22:19)
11-Objects (27:05)
12-Bind (8:30)
13-Percentage Calculator - Setting Up the Form (7:56)
14-Percentage Calculator - Grabbing Elements With Javascript (10:38)
15-Percentage Calculator - Using Event Listeners (12:54)
16-Percentage Calculator - Algorithm & Prevent Default (8:09)
Section 6 - Version control with Git
01-Git & version control - the fun way (11:59)
02-Terminal Basics - Changing directories (6:07)
03-Terminal Basics - Copying & renaming files (8:57)
04-Terminal Basics - Creating directories & files (4:30)
05-Terminal Basics - Deleting files & directories (6:01)
06-Git Basics (17:16)
07-Setting up Github (4:36)
08-Working with Local & Remote Repositories (11:14)
09-Handling Git Merge Conflicts (16:52)
Section 7 - Intro to Bootstrap 4
01-What is Bootstrap 4 (3:12)
02-Downloading Bootstrap 4 (3:04)
03-Project Setup (7:15)
04-Overview of Bootstraps Components (5:57)
05-Understanding Bootstrap 4 Classes (3:15)
06-Using the Grid System (18:47)
Section 8 - Bootstrap 4 - Login portal
01-Project Overview (2:05)
02-Bootstrap 4 Cards - Creating the Sign-in Portal Box (19:36)
03-Bootstrap 4 Forms - Adding the input fields (16:38)
04-Bootstrap 4 Buttons - Adding the Sign In button and Labels (18:31)
05-Bootstrap 4 Grids - Finishing Mobile Compatibility (8:29)
Section 9 - Bootstrap 4 - Skate Website
01-Bootstrap 4 - Skate or Die Intro (1:16)
02-Bootstrap 4 - Working with Navbars (10:32)
03-Bootstrap 4 - Using Carousels (23:15)
04-Bootstrap 4 - Nesting rows and columns (20:55)
05-Bootstrap 4 - Modals (16:11)
06-Bootstrap 4 - Adding images and buttons (18:58)
07-Bootstrap 4 - Sizing Modals (18:19)
08-Bootstrap 4 - Building the Footer (7:34)
09-Working with Font Awesome Favicons (15:33)
Section 10 - Beginner Sass
01-Intro to Sass (1:10)
02-What is Sass (8:02)
03-How to install Sass and compile it to CSS (11:46)
04-Your FIRST Sass Website (29:47)
05-Different tools to compile Sass (6:44)
06-Sass Architecture (14:44)
07-Sass Partials - Maintainable Styles Rules (7:15)
08-Sass Variables and Imports - Create a clean Scalable Stylesheet (20:53)
09-Sass Mixins - Save time & recycle styles (11:56)
10-Sass Extends - Share style properties between other selectors (6:18)
11-Final Project - Intro to our Landing Page (1:00)
12-Final Project - Setting up our Variables (15:22)
13-Final Project - Styling our Navbar with Sass (11:05)
14-Final Project - Creating the Banner Container (3:19)
15-Final Project - Adding Content to our Banner Container (10:25)
16-Final Project - Some quick cleanup in our Sass files (4:24)
17-Final Project - Using the Extend method (5:03)
18-Final Project - Styling a section splitter with Sass (5:02)
19-Final Project - Using advanced Mixins (21:15)
20-Final Project - Styling the next Container with Sass (5:51)
21-Final Project - Finishing our Landing Page, Congrats! (10:41)
Section 11 - Intro to Node, Mongo & REST API
01-Understanding Web Requests (17:12)
02-Installing Node on macOS (7:49)
03-All About JSON (10:40)
04-Basics of Node (9:23)
05-Node Modules (5:39)
06-Building Your First API (16:58)
07-Postman, GET & POST Requests (19:23)
08-URL Parameters & Delete Requests (18:16)
09-Installing MongoDB on macOS (5:41)
10-Working With the Mongo Shell (12:18)
11-Searching for Documents (8:04)
12-Deletions & Documentation (4:24)
13-Swag Shop API - Project Creation (10:09)
14-Swag Shop API - Creating the Models (14:41)
15-Swag Shop API - Posting Products (12:55)
16-Swag Shop API - Fetching Products (9:56)
17-Swag Shop API - Populating Data (19:21)
Section 12 - Intro to React
01-Swag Shop - Setting Up React Tooling (18:58)
02-Swag Shop - Installing Bootstrap (11:28)
03-Swag Shop - Setting Up the API (6:26)
04-Swag Shop - Creating a HTTP Service (19:01)
05-Swag Shop - Promises With ES6 & React (12:20)
06-Swag Shop - Components in React (13:48)
07-Swag Shop - Props in React (11:01)
08-Swag Shop - Working With State in React (13:46)
09-Swag Shop - Creating a WishList Component (24:50)
10-Swag Shop - Building a Singleton Data Service (11:23)
11-Swag Shop - Creating a Notification Service (13:09)
12-Swag Shop - Posting Notifications to React Components (7:31)
13-Swag Shop - Observing Notifications in React (13:47)
14-Swag Shop - Finishing Our Full Stack React App (16:14)
20-Final Project - Styling the next Container with Sass
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock