Autoplay
Autocomplete
Speed
Previous Lecture
Complete and Continue
Become a Full Stack Web Developer
Intro to Web Development
What is web development (3:17)
What you can do as a web developer (1:47)
Where should I start as a beginner_ (2:27)
Frontend Vs Backend (5:40)
Installing an IDE (5:36)
HTML - Building Your First Website (12:47)
Getting Started With HTML
Intro to HTML, HEAD, BODY, and HEADER (10:32)
HTML - Lists, Paragraphs, and Text Styling (7:59)
HTML - Displaying Data With Tables (7:38)
HTML - Images & Forms (12:21)
Introduction to CSS
What is CSS (3:22)
How to use Inline, Internal and External CSS (8:57)
CSS: Element, ID & Class Selectors (10:36)
CSS Colors (14:18)
CSS Backgrounds & Borders (10:33)
Using browser inspector tools (13:31)
CSS Combinators (5:31)
CSS Grouping (5:32)
CSS Specificity (15:15)
Intermediate CSS
CSS Text Styling & Formatting (20:14)
Google Fonts (8:15)
Padding & Margin (9:42)
CSS Rows & Columns (13:06)
CSS Images (9:49)
Advanced CSS: Building and styling website
Building your first Website with CSS (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)
Computers & Code
How Computers Work (12:40)
Understanding Binary (9:43)
Heap vs. Stack (8:58)
iOS Binary App – Building UI/ UX (20:18)
iOS Binary App – Creating BinaryDecimal Class (20:45)
iOS Binary App – Finishing Up (10:26)
iOS Binary App – Challenge (1:50)
How Code Works (10:01)
Variables & Storage Capacity (6:33)
Understanding Hexadecimal (6:08)
Learning to Code With Javascript
Time to Javascript (8:50)
Javascript Reference (4:21)
Comments & How to Link Scripts (7:44)
Numbers (8:03)
Variables & Strings (12:57)
Comparison Operators (15:40)
Logical Operators (15:19)
Arrays (16:16)
Loops (14:22)
Functions (22:19)
Objects (27:05)
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 - Copying & renaming files (8:57)
Terminal Basics - Creating directories & files (4:30)
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)
Project Setup (7:15)
Overview of Bootstraps Components (5:57)
Understanding Bootstrap 4 Classes (3:15)
Using the Grid System (18:47)
Bootstrap 4: Creating a Login Portal
Project Overview (2:05)
Bootstrap 4 Cards - Creating the Sign-in Portal Box (19:36)
Bootstrap 4 Forms - Adding the input fields (16:38)
Bootstrap 4 Buttons - Adding the Sign In button and Labels (18:31)
Bootstrap 4 Grids - Finishing Mobile Compatibility (8:29)
Bootstrap 4: Skate or Die Website
Bootstrap 4 - 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 - Modals (16:11)
Bootstrap 4 - Adding images and buttons (18:58)
Bootstrap 4 - Sizing Modals (18:19)
Bootstrap 4 - Building the Footer (7:34)
Working with Font Awesome Favicons (15:33)
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)
Building the Services section (2:06)
Creating the first Media Object (13:26)
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:46)
Your FIRST Sass Website (29:47)
Different tools to compile Sass (6:44)
Sass Architecture (14:44)
Sass Partials - Maintainable Styles Rules (7:15)
Sass Variables and Imports - Create a clean Scalable Stylesheet (20:53)
Sass Mixins - Save time & recycle styles (11:56)
Sass Extends - Share style properties between other selectors (6:18)
Final Project - Intro to our Landing Page (1:00)
Final Project - Setting up our Variables (15:22)
Final Project - Styling our Navbar with Sass (11:05)
Final Project - Creating the Banner Container (3:19)
Final Project - Adding Content to our Banner Container (10:25)
Final Project - Some quick cleanup in our Sass files (4:24)
Final Project - Using the Extend method (5:03)
Final Project - Styling a section splitter with Sass (5:02)
Final Project - Using advanced Mixins (21:15)
Final Project - Styling the next Container with Sass (5:51)
Final Project - Finishing our Landing Page, Congrats! (10:41)
How to Set Up Hosting For Your Web Apps
Web Hosting (1:14)
Creating a server (5:27)
Accessing our server (2:12)
Installing Nginx (4:07)
Creating server SSH Keys (4:02)
Uploading files to our server (2:31)
Setting up a domain (5:29)
Final Step - Configuring Nginx (7:51)
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 (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)
Arrays
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock