🎁 Exclusive Discount Just for You!
Today only: Get 30% OFF this course. Use code MYDEAL30 at checkout. Don’t miss out!
Welcome to the Ultimate Web Developer Bootcamp. This is your one-stop-shop to learn front-end…
File Size: 9 GB.
Stone River Elearning – Fundamentals of Full Stack Web Development
Course Description
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
Curriculum
Check out the detailed breakdown of what’s inside the course
Intro to Web Development
7 Lectures
What is Web Development?03:02- What you can do as a web developer01:32
- Where should I start as a beginner?02:13
- HTML: Building Your First Website12:25
- Frontend vs Backend development05:26
- Installing an IDE05:16
- Intro to Web Development07:41
Getting Started With HTML
4 Lectures
- Intro to HTML, HEAD, BODY, and HEADER10:11
- HTML: Lists, Paragraphs, and Text Styling07:38
- HTML: Displaying Data With Tables07:16
- HTML – Images & Forms11:59
Introduction to CSS
9 Lectures
- What is CSS?03:01
- How to use Inline, Internal and External CSS08:36
- CSS: Element, ID & Class Selectors10:18
- CSS: Colors14:01
- CSS: Backgrounds & Borders10:16
- Using browser inspector tools13:13
- CSS: Combinators05:14
- CSS: Grouping05:15
- CSS: Specificity14:58
Intermediate CSS
5 Lectures
- CSS: Text Styling & Formatting19:54
- CSS: Google Fonts07:54
- CSS: Images09:28
- CSS: Padding & Margin09:21
- CSS: Rows & Columns12:44
Advanced CSS: Building and styling website
9 Lectures
- CSS: Intro to building your first Website!00:54
- CSS: Building the Navbar22:27
- CSS: Making the Navbar Mobile Responsive – Part 110:39
- CSS: Making the Navbar Mobile Responsive – Part 223:23
- CSS: Creating the Form Group30:26
- CSS: Working with iframes22:00
- CSS: Working with images and box shadows42:13
- CSS: Working with text and image spacing28:03
- CSS: Building the footer17:40
Computers & Code
10 Lectures
- How Computers Work12:22
- Understanding Binary09:25
- Heap vs Stack08:41
- IOS Binary App – Building UI _ UX20:04
- IOS Binary App – Creating BinaryDecimal Class20:30
- IOS Binary App – Finishing Up10:11
- IOS Binary App – Challenge01:38
- How Code Works09:43
- Variables & Storage Capacity06:16
- Understanding Hexadecimal05:50
Learning to Code With Javascript
16 Lectures
- Time to Javascript08:32
- Javascript Reference04:01
- Javascript: Comments & How to Link Scripts07:23
- Javascript : Numbers07:41
- Javascript: Variables & Strings12:34
- Javascript: Comparison Operators15:15
- Javascript: Logical Operators14:58
- Javascript: Arrays15:54
- Javascript: Loops14:00
- Javascript: Functions21:56
- Javascript: Objects26:43
- Javascript: Bind08:11
- Percentage Calculator – Setting Up the Form07:35
- Percentage Calculator – Grabbing Elements With Javascript10:17
- Percentage Calculator – Using Event Listeners12:35
- Percentage Calculator – Algorithm & Prevent Default07:49
Version Control With Git
9 Lectures
- How Version Control Works10:49
- Git Basics16:58
- Terminal Basics – Changing directories05:49
- Terminal Basics – Copying & renaming files08:38
- Terminal Basics – Creating directories & files04:11
- Terminal Basics – Deleting files & directories05:43
- Setting up Github04:18
- Working with Local & Remote Repositories10:55
- Handling Git Merge Conflicts16:33
Introduction to Bootstrap 4
6 Lectures
- What is Bootstrap 4?02:51
- Downloading Bootstrap 402:43
- Bootstrap 4: Project Setup06:54
- Bootstrap 4: Overview of Bootstraps Components05:35
- Bootstrap 4: Understanding Bootstraps Classes02:54
- Bootstrap 4: Using the Grid System18:27
Bootstrap 4: Creating a Login Portal
5 Lectures
- Project Overview01:44
- Bootstrap 4 Cards – Creating the Sign-in Portal Box19:16
- Bootstrap 4 Forms – Adding the input fields16:17
- Bootstrap 4 Buttons – Adding the Sign In button and Labels18:11
- Bootstrap 4 Grids – Finishing Mobile Compatibility08:09
Bootstrap 4: Skate or Die Website
9 Lectures
- Bootstrap 4 – Skate or Die Intro00:53
- Bootstrap 4 – Working with Navbars10:11
- Bootstrap 4 – Using Carousels22:54
- Bootstrap 4 – Nesting rows and columns20:34
- Bootstrap 4 – Modals15:50
- Bootstrap 4 – Adding images and buttons18:36
- Bootstrap 4 – Sizing Modals17:56
- Bootstrap 4 – Building the Footer07:12
- Bootstrap 4 – Working with Font Awesome Favicons15:11
Intro to Flexbox
17 Lectures
- What is flexbox03:19
- Flexbox fundimentals19:27
- Intro to flexbox landing page01:08
- Building the navbar – Part 113:24
- Building the navbar – Part 207:16
- Designing the navbar for mobile09:32
- Making the dropdown menu functional19:54
- Creating the landing page header07:27
- Creating the first Media Object13:14
- Building the Services section01:54
- Flexbox ordering09:20
- Adding the Quote button07:02
- Making Media Objects mobile compatible06:11
- Designing the portfolio object12:25
- Making the portfolio object mobile compatible09:47
- Creating the contact form19:18
- Making the contact form mobile compatible03:18
Beginner Sass
21 Lectures
- Intro to Sass00:52
- What is Sass07:44
- How to install Sass and compile it to CSS11:27
- Your FIRST Sass Website29:28
- Different tools to compile Sass06:25
- Saas Architecture14:26
- Sass Partials – Maintainable Styles Rules06:57
- Sass Variables and Imports – Create a clean Scalable Stylesheet20:34
- Sass Mixins – Save time & recycle styles11:38
- Sass Extends – Share style properties between other selectors06:00
- Final Project – Intro to our Landing Page00:41
- Final Project – Setting up our Variables15:05
- Final Project – Styling our Navbar with Sass10:47
- Final Project – Creating the Banner Container03:01
- Final Project – Adding Content to our Banner Container10:07
- Final Project – Some quick cleanup in our Sass files04:06
- Final Project – Using the Extend method04:45
- Final Project – Styling a section splitter with Sass04:44
- Final Project – Using advanced Mixins20:57
- Final Project – Styling the next Container with Sass05:33
- Final Project – Finishing our Landing Page, Congrats!10:24
How to Set Up Hosting For Your Web Apps
8 Lectures
- Web Hosting01:00
- Creating a server05:12
- Accessing our server01:58
- Installing Nginx03:53
- Creating server SSH Keys03:47
- Uploading files to our server02:17
- Setting up a domain05:15
- Final Step – Configuring Nginx07:36
Intro to Node, Mongo, & REST APIs
17 Lectures
- Understanding Web Requests16:44
- Installing Node on macOS07:31
- All About JSON10:19
- Basics of Node09:02
- Node Modules05:18
- Building Your First API16:38
- Postman, GET & POST Requests19:01
- URL Parameters & Delete Requests17:54
- Installing MongoDB on macOS05:22
- Working With the Mongo Shell11:58
- Searching for Documents07:44
- Deletions & Documentation04:04
- Swag Shop API – Project Creation09:50
- Swag Shop API – Creating the Models14:21
- Swag Shop API – Posting Products12:34
- Swag Shop API – Fetching Products09:36
- Swag Shop API – Populating Data18:59
Intro to React
14 Lectures
- Swag Shop – Setting Up React Tooling18:37
- Swag Shop – Installing Bootstrap11:06
- Swag Shop – Creating a HTTP Service18:41
- Swag Shop – Setting Up the API06:05
- Swag Shop – Promises With ES6 & React12:02
- Swag Shop – Components in React13:28
- Swag Shop – Working With State in React13:22
- Swag Shop – Creating a WishList Component24:29
- Swag Shop – Building a Singleton Data Service11:02
- Swag Shop – Creating a Notification Service12:48
- Swag Shop – Props in React10:41
- Swag Shop – Posting Notifications to React Components07:12
- Swag Shop – Observing Notifications in React13:27
- Swag Shop – Finishing Our Full Stack React App15:51
BONUS- Webstrom IDE Tricks & Tips
4 Lectures
- Webstorm Ide Basic Setup09:38
- Webstorm Ide Navigating Your Project04:11
- Webstorm Ide Performing Searches05:28
- Webstorm Ide Mastering The Editor17:22
Instructor Details
Stone River eLearning
At Stone River eLearning, technology is all we teach. If you’re interested in IT, programming, development or design – we have it covered.
Check out our huge catalog of courses and join the over 1,200,000+ students currently taking Stone River eLearning courses. We currently offer 800+ different technology training courses on our Stone River eLearning website and are adding new courses on hot and trending topics every month. A subscription option is available for those with a real passion for learning.
Course Features
- Lectures 0
- Quizzes 0
- Duration 10 weeks
- Skill level All levels
- Language English
- Students 153
- Assessments Yes
