Description
Stone River Elearning – Fundamentals of Full Stack Web Development
Welcome to the Ultimate Web Developer Bootcamp. This is your one-stop-shop to learn front-end AND back-end development.
In this course, you will learn
- HTML5
- CSS3
- Javascript
- Bootstrap 4
- DOM Manipulation
- NPM
- Node
- MongoDB
- REST
- Express
- ES6
- React
Course Curriculum
Intro to Web Development
- What is Web Development? (3:02)
- What you can do as a web developer (1:32)
- Where should I 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 ed 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)
Sale Page: https://stoneriverelearning.com/p/fundamentals-of-full-stack-web-development
Archive: https://archive.ph/wip/UjCsN
Reviews
There are no reviews yet.