The Core Development Bundle By Devslopes

1 Review
269 Enrolled
10 Courses & 156.5 Hours
You save 97% -

What's Included

Beginner Full-Stack Web Development
  • Certification included
  • Experience level required: Beginner
  • Access 125 lectures & 25.5 hours of content 24/7
  • Length of time users can access this course: Lifetime

Course Curriculum

125 Lessons (25.5h)

  • Section 1 - Getting started with HTML
    01-Installing an IDE5:36
    02-HTML - Building Your First Website12:47
    03-Intro to HTML, HEAD, BODY, and HEADER10:32
    04-HTML - Lists, Paragraphs, and Text Styling7:59
    05-HTML - Displaying Data With Tables7:38
    06-HTML - Images & Forms12:21
  • Section 2 - Intro to CSS
    01-What is CSS3:22
    02-How to use Inline, Internal and External CSS8:57
    04-CSS Colors14:18
    05-CSS Backgrounds & Borders10:33
    06-Using browser inspector tools13:31
    07-CSS Combinators5:31
    08-CSS Grouping5:32
    09-CSS Specificity15:15
  • Section 3 - Intermediate CSS
    10-CSS Text Styling & Formatting20:14
    11-Google Fonts8:15
    12-CSS Images9:49
    13-Padding & Margin9:42
    14-CSS Rows & Columns13:06
  • Section 4 - Advanced CSS - Building and styling website
    01-Building your first Website with CSS1:15
    02-Building the Navbar22:48
    03-Making the Navbar Mobile Responsive - Part 111:00
    04-Making the Navbar Mobile Responsive - Part 223:44
    05-Creating the Form Group30:47
    06-Working with iframes22:17
    07-Working with images and box shadows42:35
    08-Working with text and image spacing28:25
    09-Building the footer18:01
  • Section 5 - Learning to Code With Javascript
    01-Time to Javascript8:50
    02-Javascript Reference4:21
    03-Comments & How to Link Scripts7:44
    05-Variables & Strings12:57
    06-Comparison Operators15:40
    07-Logical Operators15:19
    13-Percentage Calculator - Setting Up the Form7:56
    14-Percentage Calculator - Grabbing Elements With Javascript10:38
    15-Percentage Calculator - Using Event Listeners12:54
    16-Percentage Calculator - Algorithm & Prevent Default8:09
  • Section 6 - Version control with Git
    01-Git & version control - the fun way11:59
    02-Terminal Basics - Changing directories6:07
    03-Terminal Basics - Copying & renaming files8:57
    04-Terminal Basics - Creating directories & files4:30
    05-Terminal Basics - Deleting files & directories6:01
    06-Git Basics17:16
    07-Setting up Github4:36
    08-Working with Local & Remote Repositories11:14
    09-Handling Git Merge Conflicts16:52
  • Section 7 - Intro to Bootstrap 4
    01-What is Bootstrap 43:12
    02-Downloading Bootstrap 43:04
    03-Project Setup7:15
    04-Overview of Bootstraps Components5:57
    05-Understanding Bootstrap 4 Classes3:15
    06-Using the Grid System18:47
  • Section 8 - Bootstrap 4 - Login portal
    01-Project Overview2:05
    02-Bootstrap 4 Cards - Creating the Sign-in Portal Box19:36
    03-Bootstrap 4 Forms - Adding the input fields16:38
    04-Bootstrap 4 Buttons - Adding the Sign In button and Labels18:31
    05-Bootstrap 4 Grids - Finishing Mobile Compatibility8:29
  • Section 9 - Bootstrap 4 - Skate Website
    01-Bootstrap 4 - Skate or Die Intro1:16
    02-Bootstrap 4 - Working with Navbars10:32
    03-Bootstrap 4 - Using Carousels23:15
    04-Bootstrap 4 - Nesting rows and columns20:55
    05-Bootstrap 4 - Modals16:11
    06-Bootstrap 4 - Adding images and buttons18:58
    07-Bootstrap 4 - Sizing Modals18:19
    08-Bootstrap 4 - Building the Footer7:34
    09-Working with Font Awesome Favicons15:33
  • Section 10 - Beginner Sass
    01-Intro to Sass1:10
    02-What is Sass8:02
    03-How to install Sass and compile it to CSS11:46
    04-Your FIRST Sass Website29:47
    05-Different tools to compile Sass6:44
    06-Sass Architecture14:44
    07-Sass Partials - Maintainable Styles Rules7:15
    08-Sass Variables and Imports - Create a clean Scalable Stylesheet20:53
    09-Sass Mixins - Save time & recycle styles11:56
    10-Sass Extends - Share style properties between other selectors6:18
    11-Final Project - Intro to our Landing Page1:00
    12-Final Project - Setting up our Variables15:22
    13-Final Project - Styling our Navbar with Sass11:05
    14-Final Project - Creating the Banner Container3:19
    15-Final Project - Adding Content to our Banner Container10:25
    16-Final Project - Some quick cleanup in our Sass files4:24
    17-Final Project - Using the Extend method5:03
    18-Final Project - Styling a section splitter with Sass5:02
    19-Final Project - Using advanced Mixins21:15
    20-Final Project - Styling the next Container with Sass5:51
    21-Final Project - Finishing our Landing Page, Congrats!10:41
  • Section 11 - Intro to Node, Mongo & REST API
    01-Understanding Web Requests17:12
    02-Installing Node on macOS7:49
    03-All About JSON10:40
    04-Basics of Node9:23
    05-Node Modules5:39
    06-Building Your First API16:58
    07-Postman, GET & POST Requests19:23
    08-URL Parameters & Delete Requests18:16
    09-Installing MongoDB on macOS5:41
    10-Working With the Mongo Shell12:18
    11-Searching for Documents8:04
    12-Deletions & Documentation4:24
    13-Swag Shop API - Project Creation10:09
    14-Swag Shop API - Creating the Models14:41
    15-Swag Shop API - Posting Products12:55
    16-Swag Shop API - Fetching Products9:56
    17-Swag Shop API - Populating Data19:21
  • Section 12 - Intro to React
    01-Swag Shop - Setting Up React Tooling18:58
    02-Swag Shop - Installing Bootstrap11:28
    03-Swag Shop - Setting Up the API6:26
    04-Swag Shop - Creating a HTTP Service19:01
    05-Swag Shop - Promises With ES6 & React12:20
    06-Swag Shop - Components in React13:48
    07-Swag Shop - Props in React11:01
    08-Swag Shop - Working With State in React13:46
    09-Swag Shop - Creating a WishList Component24:50
    10-Swag Shop - Building a Singleton Data Service11:23
    11-Swag Shop - Creating a Notification Service13:09
    12-Swag Shop - Posting Notifications to React Components7:31
    13-Swag Shop - Observing Notifications in React13:47
    14-Swag Shop - Finishing Our Full Stack React App16:14

Beginner Full-Stack Web Development



Devslopes transforms beginner students into paid professionals through curated project based videos, interactive quizzes, and exercises. After completing each course, you will have a strong portfolio, coupled with the technical understanding to build your own custom applications. Its target students are: first-time developers, entrepreneurs who want to build their own technology startup, and current developers looking to either advance their careers or learn new technologies.

By taking Devslopes' courses, its students have been able to: get jobs as developers with amazing salaries, launch (and even sell) their technology startups, and get promotions and make substantial career changes. Devslopes strives to teach students how to code through polished apps inspired by real-world examples. It wants its students to build projects that they are proud of, that look and operate just like apps they use in their everyday life. Devslopes is passionate about helping people reveal their hidden talents and guiding them into the exciting world of startups and programming.


With more than 100,000 students and a project-driven curriculum, Devslopes takes you through the essentials of front- and back-end development using HTML5, CSS3, Javascript, Bootstrap 4, Node, and tons of other professional tools. With absolutely zero coding experience required, you'll start by getting up to speed with HTML and creating your first website. From there, you'll move on to managing your code with Git, coding in JavaScript, and more until you wrap up your training by creating a full-stack website with React.

  • Access 125 lectures & 25.5 hours of instruction 24/7
  • Learn how to create your first website w/ HTML
  • Expand your understanding of layouts & styling w/ CSS
  • Dive into laying out your websites w/ Bootstrap
  • Write & implement code that can think w/ JavaScript
  • Learn how to work with databases using MongoDB
  • Walk through building a full-stack website w/ React


Important Details

  • Length of time users can access this course: lifetime
  • Access options: web and mobile streaming
  • Certification of completion included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: beginner


  • Internet required


  • Unredeemed licenses can be returned for store credit within 30 days of purchase. Once your license is redeemed, all sales are final.
Your cart is empty. Continue Shopping!
Processing order...