Beginner Full Stack Web Development: HTML, CSS, React & Node

Beginner Full Stack Web Development: HTML, CSS, React & Node

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 25.5 Hours | 4.43 GB

Learn web development with HTML, CSS, Bootstrap 4, ES6 React and Node

Welcome to the Ultimate Web Developer Bootcamp. This is your one-stop-shop to learn front-end AND back-end development.

We’ll take you from absolute beginner to competent full-stack web developer in a matter of weeks.

WHO SHOULD TAKE THIS COURSE?

  • Anyone who is curious about programming
  • Entrepreneurs
  • Those looking for a career change
  • Serious coders & hobbyists
  • Students & teenagers
  • Anyone who wants to learn web development

WHAT YOU WILL LEARN

  • HTML5
  • CSS3
  • Javascript
  • Bootstrap 4
  • DOM Manipulation
  • NPM
  • Node
  • MongoDB
  • REST
  • Express
  • ES6
  • React
Table of Contents

Getting Started With HTML
1 Intro to Web Development
2 Where to get free live help
3 Installing an IDE
4 HTML Building Your First Website
5 Intro to HTML HEAD BODY and HEADER
6 HTML Lists Paragraphs and Text Styling
7 HTML Displaying Data With Tables
8 HTML Images Forms
9 Exercise Fan Site.html

Introduction to CSS
10 What is CSS
11 How to use Inline Internal and External CSS
12 CSS Element ID Class Selectors
13 CSS Colors
14 CSS Backgrounds Borders
15 Exercise CSS Colors Backgrounds.html
16 Using browser inspector tools
17 CSS Combinators
18 CSS Grouping
19 CSS Specificity
20 Exercise Extending your CSS skills.html

Intermediate CSS
21 CSS Text Styling Formatting
22 CSS Google Fonts
23 CSS Images
24 CSS Padding Margin
25 CSS Rows Columns
26 Exercise Your first website using CSS.html

Advanced CSS Building and styling website
27 CSS Intro to building your first Website
28 CSS Building the Navbar
29 CSS Making the Navbar Mobile Responsive – Part 1
30 CSS Making the Navbar Mobile Responsive – Part 2
31 CSS Creating the Form Group
32 CSS Working with iframes
33 CSS Working with images and box shadows
34 CSS Working with text and image spacing
35 CSS Building the footer

Learning to Code With Javascript
36 Time to Javascript
37 Javascript Reference
38 Javascript Comments How to Link Scripts
39 Javascript Variables Strings
40 Javascript Numbers
41 Javascript Comparison Operators
42 Javascript Logical Operators
43 Javascript Arrays
44 Javascript Loops
45 Exercise Loops Arrays.html
46 Javascript Functions
47 Exercise Javascript Ops.html
48 Javascript Objects
49 Javascript Bind
50 Percentage Calculator – Setting Up the Form
51 Percentage Calculator – Grabbing Elements With Javascript
52 Percentage Calculator – Using Event Listeners
53 Percentage Calculator – Algorithm Prevent Default
54 Exercise Percentage Calculators.html

Version Control With Git
55 How Version Control Works
56 macOS Terminal Basics
57 Git Basics
58 Setting up Github on macOS
59 Github vs Bitbucket
60 Local Remote Repositories
61 Working Through Git Merge Conflicts
62 Exercise Pushing to Github.html

Introduction to Bootstrap 4
63 What is Bootstrap 4
64 Downloading Bootstrap 4
65 Bootstrap 4 Project Setup
66 Bootstrap 4 Overview of Bootstraps Components
67 Bootstrap 4 Understanding Bootstraps Classes
68 Bootstrap 4 Using the Grid System

Bootstrap 4 Creating a Login Portal
69 Bootstrap 4 Cards Creating the Sign-in Portal Box
70 Bootstrap 4 Forms Adding the input fields
71 Bootstrap 4 Buttons Adding the Sign In button and Labels
72 Bootstrap 4 Grids – Finishing Mobile Compatibility

Bootstrap 4 Skate or Die Website
73 Bootstrap 4 Skate or Die Intro
74 Bootstrap 4 Working with Navbars
75 Bootstrap 4 Using Carousels
76 Bootstrap 4 Nesting rows and columns
77 Bootstrap 4 Modals
78 Bootstrap 4 Adding images and buttons
79 Bootstrap 4 Sizing Modals
80 Bootstrap 4 Building the Footer
81 Bootstrap 4 Working with Font Awesome Favicons

Beginner Sass
82 Intro to Sass
83 What is Sass
84 How to install Sass and compile it to CSS
85 Your FIRST Sass Website
86 Different tools to compile Sass
87 How to structure your Sass
88 Sass Partials Maintainable Styles Rules
89 Sass Variables and Imports Create a clean Scalable Stylesheet
90 Sass Mixins Save time recycle styles
91 Sass Extends Share style properties between other selectors
92 Final Project Intro to our Landing Page
93 Final Project Setting up our Variables
94 Final Project Styling our Navbar with Sass
95 Final Project Creating the Banner Container
96 Final Project Adding Content to our Banner Container
97 Final Project Doing some quick cleanup in our Sass files
98 Final Project Using the Extend method
99 Final Project Styling a section splitter with Sass
100 Final Project Using advanced Mixins
101 Final Project Styling the next Container with Sass
102 Final Project Finishing our Landing Page Congrats

Intro to Node Mongo REST APIs
103 Understanding Web Requests
104 Installing Node on macOS
105 All About JSON
106 Basics of Node
107 Node Modules
108 Exercise Mastering Node Modules.html
109 Building Your First API
110 Postman GET POST Requests
111 URL Parameters Delete Requests
112 Exercise Creating a Node Calculator.html
113 Installing MongoDB on macOS
114 Working With the Mongo Shell
115 Searching for Documents
116 Deletions Documentation
117 Swag Shop API Project Creation
118 Swag Shop API Creating the Models
119 Swag Shop API Posting Products
120 Swag Shop API Fetching Products
121 Exercise Extending the API.html
122 Swag Shop API Populating Data

Intro to React
123 Swag Shop Setting Up React Tooling
124 Swag Shop Installing Bootstrap
125 Swag Shop Setting Up the API
126 Swag Shop Creating a HTTP Service
127 Swag Shop Promises With ES6 React
128 Swag Shop Components in React – Website Product
129 Swag Shop Props in React
130 Swag Shop Working With State in React
131 Swag Shop Creating a WishList Component
132 Exercise React Components.html
133 Swag Shop Building a Singleton Data Service
134 Swag Shop Creating a Notification Service
135 Swag Shop Posting Notifications to React Components
136 Swag Shop Finishing Our Full Stack React App
137 Swag Shop Observing Notifications in React
138 Exercise Extending Swag Shop.html