Course Purchase Includes

Each purchase comes with a 10 day money-back guarantee

  • 30 hours of content

  • Unlimited access

  • Access to code forums

  • Devslopes Certificate of Completion

Build professional and responsive websites

You are going to build over 10 projects. Not only will you build websites & web apps, but you'll learn best development practices and build the type of projects you might build in a full time job.
Build professional and responsive websites

Full Stack Development

This is where it all begins! A hands-on training to all of the essential front-end and backend skills you'll need to build real, working websites.
Full Stack Development

Code Help

You'll get access to our code forums where you can post questions and get help from teachers and the community. This is also a great place to meet other developers!
Code Help

Guided Learning

The course is designed to take you from absolute beginner to advanced levels. If you are an experienced programmer the lessons are designed in a way to help you get up and running fast.
Guided Learning

Course curriculum

  • 01
    Intro to Web Development
    Show details
    • What is web development?
    • What you can do as a web developer
    • Where should I start as a beginner?
    • Frontend vs Backend development
    • Installing an IDE
  • 02
    Getting Started With HTML
    Show details
    • Building your first website
    • Intro to HTML, HEAD, BODY, and HEADER
    • Working with HTML lists, paragraphs, and text styling
    • Displaying data with tables
    • Images & forms in HTML
    • Images & forms in HTML source
    • WebStorm IDE: Basic Setup
    • WebStorm IDE: Navigating your project
    • WebStorm IDE: Performing searches
    • WebStorm IDE: Mastering the editor
  • 03
    Introduction to CSS
    Show details
    • What is CSS?
    • How to use inline, internal and external CSS
    • Element, ID & Class Selectors
    • Element, ID & Class Selectors source
    • CSS: Colors
    • CSS: Backgrounds & borders
    • Using browser inspector tools
    • CSS Combinators
    • CSS Grouping
    • CSS: Specificity
  • 04
    Intermediate CSS
    Show details
    • Text styling & formatting
    • Google Fonts
    • CSS: Images
    • CSS: Padding & Margin
    • Rows & Columns
    • Rows & Columns source
  • 05
    Advanced CSS: Building and styling website
    Show details
    • Intro to your first CSS Website
    • starter source
    • Building the navbar
    • Making the navbar mobile responsive: Part 1
    • Making the navbar mobile responsive: Part 2
    • Creating the form group
    • Working with iframes
    • Working with images and box shadows
    • Working with text and image spacing
    • Building the footer
    • final source
  • 06
    Computers and Code
    Show details
    • How Computers Work
    • source code
    • Understanding Binary
    • Heap vs Stack
    • How code works
    • Variables & storage capacity
    • Understanding hexadecimal
  • 07
    Version Control With Git
    Show details
    • Git & Version Control: The fun way
    • Terminal Basics: Changing directories
    • Terminal Basics: Creating directories & files
    • Terminal Basics: Copying & renaming files
    • Terminal Basics: Deleting files & directories
    • Git Basics
    • Setting up Github
    • Working with Local & remote repositories
    • Handling git merge conflicts
  • 08
    Learning to Code With Javascript
    Show details
    • Time to Javascript
    • Javascript reference
    • Javascript comments & how to link scripts
    • Javascript variables & strings
    • Numbers in Javascript
    • Comparison operators in Javascript
    • Logical operators in Javascript
    • Javascript arrays
    • Javascript loops
    • Javascript functions
    • Javascript objects
    • Javascript bind
    • Calculator: Setting up the form
    • Calculator: Grabbing elements with Javascript
    • Calculator - Using event listeners
    • Calculator - Algorithm & prevent default
    • Javascript source code
  • 09
    Introduction to Bootstrap 4
    Show details
    • What is Bootstrap 4?
    • Downloading Bootstrap 4
    • How to setup a Bootstrap 4 project
    • Bootstrap 4 components overview
    • Understanding Bootstrap 4 classes
    • Using the grid system
  • 10
    Bootstrap 4: Creating a Login Portal
    Show details
    • Intro to Bootstrap Login Portal project
    • starter source
    • Bootstrap Cards: Creating the sign in inputs
    • Bootstrap Forms: Adding the input fields
    • Bootstrap Buttons: Adding the sign in button and Labels
    • Bootstrap Grids: Making the form mobile responsive
    • final source
  • 11
    Bootstrap 4: Skate or Die Website
    Show details
    • Skate or Die Intro
    • starter source
    • Bootstrap 4: Working with navbars
    • Bootstrap 4: Using carousels
    • Bootstrap 4: Nesting rows and columns
    • Bootstrap 4: First modal
    • Bootstrap 4: Adding images and buttons
    • Bootstrap 4: Sizing modals
    • Bootstrap 4: Building the footer
    • final source
    • Bootstrap 4: Working with Font Awesome favicons
  • 12