Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Fundamentals of Full Stack Web Development
Intro to Web Development
What is Web Development? (3:02)
What you can do as a web developer (1:32)
Where should I start as a beginner? (2:13)
HTML: Building Your First Website (12:25)
What you can do as a web developer (1:32)
Frontend vs Backend development (5:26)
Installing an IDE (5:16)
Intro to Web Development (7:41)
Getting Started With HTML
Intro to HTML, HEAD, BODY, and HEADER (10:11)
HTML: Lists, Paragraphs, and Text Styling (7:38)
HTML: Displaying Data With Tables (7:16)
HTML - Images & Forms (12:09)
Introduction to CSS
What is CSS? (3:01)
How to use Inline, Internal and External CSS (8:36)
CSS: Element, ID & Class Selectors (10:18)
CSS: Colors (14:01)
CSS: Backgrounds & Borders (10:16)
Using browser inspector tools (13:13)
CSS: Combinators (5:14)
CSS: Grouping (5:15)
CSS: Specificity (14:58)
Intermediate CSS
CSS: Text Styling & Formatting (19:54)
CSS: Google Fonts (7:54)
CSS: Images (9:28)
CSS: Padding & Margin (9:21)
CSS: Rows & Columns (12:44)
Advanced CSS: Building and styling website
CSS: Intro to building your first Website! (0:54)
CSS: Building the Navbar (22:27)
CSS: Making the Navbar Mobile Responsive - Part 1 (10:39)
CSS: Making the Navbar Mobile Responsive - Part 2 (23:23)
CSS: Creating the Form Group (30:26)
CSS: Working with iframes (22:00)
CSS: Working with images and box shadows (42:13)
CSS: Working with text and image spacing (28:02)
CSS: Building the footer (17:40)
Computers & Code
How Computers Work (12:22)
Understanding Binary (9:25)
Heap vs Stack (8:41)
iOS Binary App – Building UI _ UX (20:04)
iOS Binary App – Creating BinaryDecimal Class (20:30)
iOS Binary App – Finishing Up (10:11)
iOS Binary App – Challenge (1:38)
How Code Works (9:43)
Variables & Storage Capacity (6:16)
Understanding Hexadecimal (5:50)
Learning to Code With Javascript
Time to Javascript (8:32)
Javascript Reference (4:01)
Javascript: Comments & How to Link Scripts (7:23)
Javascript : Numbers (7:41)
Javascript: Variables & Strings (12:34)
Javascript: Comparison Operators (15:15)
Javascript: Logical Operators (14:58)
Javascript: Arrays (15:54)
Javascript: Loops (14:00)
Javascript: Functions (21:56)
Javascript: Objects (26:43)
Javascript: Bind (8:11)
Percentage Calculator - Setting Up the Form (7:35)
Percentage Calculator - Grabbing Elements With Javascript (10:16)
Percentage Calculator - Using Event Listeners (12:35)
Percentage Calculator - Algorithm & Prevent Default (7:49)
Version Control With Git
How Version Control Works (10:49)
Git Basics (16:58)
Terminal Basics - Changing directories (5:49)
Terminal Basics - Copying & renaming files (8:38)
Terminal Basics - Creating directories & files (4:11)
Terminal Basics - Deleting files & directories (5:43)
Setting up Github (4:18)
Working with Local & Remote Repositories (10:55)
Handling Git Merge Conflicts (16:33)
Introduction to Bootstrap 4
What is Bootstrap 4? (2:51)
Downloading Bootstrap 4 (2:43)
Bootstrap 4: Project Setup (6:54)
Bootstrap 4: Overview of Bootstraps Components (5:35)
Bootstrap 4: Understanding Bootstraps Classes (2:54)
Bootstrap 4: Using the Grid System (18:27)
Bootstrap 4: Creating a Login Portal
Project Overview (1:44)
Bootstrap 4 Cards - Creating the Sign-in Portal Box (19:16)
Bootstrap 4 Forms - Adding the input fields (16:17)
Bootstrap 4 Buttons - Adding the Sign In button and Labels (18:11)
Bootstrap 4 Grids - Finishing Mobile Compatibility (8:09)
Bootstrap 4: Skate or Die Website
Bootstrap 4 - Skate or Die Intro (0:53)
Bootstrap 4 - Working with Navbars (10:11)
Bootstrap 4 - Using Carousels (22:54)
Bootstrap 4 - Nesting rows and columns (20:34)
Bootstrap 4 - Modals (15:50)
Bootstrap 4 - Adding images and buttons (18:36)
Bootstrap 4 - Sizing Modals (17:56)
Bootstrap 4 - Building the Footer (7:12)
Bootstrap 4 - Working with Font Awesome Favicons (15:11)
Intro to Flexbox
What is flexbox (3:34)
Flexbox fundimentals (19:43)
Intro to flexbox landing page (1:22)
Building the navbar - Part 1 (13:36)
Building the navbar - Part 2 (7:29)
Designing the navbar for mobile (9:44)
Making the dropdown menu functional (20:07)
Creating the landing page header (7:39)
Creating the first Media Object (13:26)
Building the Services section (2:06)
Flexbox ordering (9:33)
Adding the Quote button (7:14)
Making Media Objects mobile compatible (6:24)
Designing the portfolio object (12:37)
Making the portfolio object mobile compatible (9:59)
Creating the contact form (19:30)
Making the contact form mobile compatible (3:31)
Beginner Sass
Intro to Sass (1:10)
What is Sass (8:02)
How to install Sass and compile it to CSS (11:27)
Your FIRST Sass Website (29:28)
Different tools to compile Sass (6:25)
Sass Architecture (14:26)
Sass Partials - Maintainable Styles Rules (6:57)
Sass Variables and Imports - Create a clean Scalable Stylesheet (20:34)
Sass Mixins - Save time & recycle styles (11:38)
Sass Extends - Share style properties between other selectors (6:00)
Final Project - Intro to our Landing Page (0:41)
Final Project - Setting up our Variables (15:05)
Final Project - Styling our Navbar with Sass (10:47)
Final Project - Creating the Banner Container (3:01)
Final Project - Adding Content to our Banner Container (10:07)
Final Project - Some quick cleanup in our Sass files (4:06)
Final Project - Using the Extend method (4:45)
Final Project - Styling a section splitter with Sass (4:44)
Final Project - Using advanced Mixins (20:57)
Final Project - Styling the next Container with Sass (5:33)
Final Project - Finishing our Landing Page, Congrats! (10:23)
How to Set Up Hosting For Your Web Apps
Web Hosting (1:00)
Creating a server (5:12)
Accessing our server (1:58)
Installing Nginx (3:53)
Creating server SSH Keys (3:47)
Uploading files to our server (2:16)
Setting up a domain (5:15)
Final Step - Configuring Nginx (7:36)
Intro to Node, Mongo, & REST APIs
Understanding Web Requests (16:44)
Installing Node on macOS (7:31)
All About JSON (10:19)
Basics of Node (9:02)
Node Modules (5:18)
Building Your First API (16:38)
Postman, GET & POST Requests (19:01)
URL Parameters & Delete Requests (17:54)
Installing MongoDB on macOS (5:22)
Working With the Mongo Shell (11:58)
Searching for Documents (7:44)
Deletions & Documentation (4:04)
Swag Shop API - Project Creation (9:50)
Swag Shop API - Creating the Models (14:21)
Swag Shop API - Posting Products (12:34)
Swag Shop API - Fetching Products (9:36)
Swag Shop API - Populating Data (18:59)
Intro to React
Swag Shop - Setting Up React Tooling (18:37)
Swag Shop - Installing Bootstrap (11:06)
Swag Shop - Creating a HTTP Service (18:41)
Swag Shop - Setting Up the API (6:05)
Swag Shop - Promises With ES6 & React (12:02)
Swag Shop - Components in React (13:28)
Swag Shop - Working With State in React (13:22)
Swag Shop - Creating a WishList Component (24:29)
Swag Shop - Building a Singleton Data Service (11:02)
Swag Shop - Creating a Notification Service (12:48)
Swag Shop - Props in React (10:41)
Swag Shop - Posting Notifications to React Components (7:12)
Swag Shop - Observing Notifications in React (13:27)
Swag Shop - Finishing Our Full Stack React App (15:51)
BONUS- Webstrom IDE Tricks & Tips
Webstorm Ide Basic Setup (9:38)
Webstorm Ide Navigating Your Project (4:11)
Webstorm Ide Performing Searches (5:28)
Webstorm Ide Mastering The Editor (17:22)
Making the contact form mobile compatible
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock