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