Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA CompTIA Security+ Amazon AWS Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Full Stack Web Development

Beginner Full Stack Web Development: HTML, CSS, React & Node

Learn web development with HTML, CSS, Bootstrap 4, ES6 React and Node
Rating: 4.4 out of 54.4 (9,772 ratings)
109,901 students
Created by Mark Wahlbeck, Devslopes by Mark Wahlbeck
Last updated 10/2020
English
English [Auto], French [Auto], 
30-Day Money-Back Guarantee

What you'll learn

  • Build websites with HTML & CSS
  • Build backend servers & APIs with Node and Express
  • Work with NoSQL databases like MongoDB
  • Build full-stack web apps with Facebook's React Framework
  • Build mobile-friendly websites with Bootstrap 4 & CSS
Curated for the Udemy for Business collection

Course content

18 sections • 168 lectures • 31h 28m total length

  • Preview07:58
  • Join Our Free Student Group
    00:11
  • What is web development?
    03:17
  • Where should I start as a beginner?
    02:27
  • HTML: Building Your First Website
    12:47
  • What you can do as a web developer
    01:47
  • Frontend vs Backend development
    05:40
  • Installing an IDE
    Preview05:36

  • Intro to HTML, HEAD, BODY, and HEADER
    10:32
  • HTML: Lists, Paragraphs, and Text Styling
    07:59
  • HTML: Displaying Data With Tables
    07:38
  • HTML: Images & Forms
    12:21

  • What is CSS?
    03:22
  • How to use Inline, Internal and External CSS
    08:57
  • CSS: Element, ID & Class Selectors
    10:36
  • CSS: Colors
    14:18
  • CSS: Backgrounds & Borders
    10:33
  • Quiz - CSS Basics
    5 questions
  • Using browser inspector tools
    13:31
  • CSS: Combinators
    05:31
  • CSS: Grouping
    05:32
  • CSS: Specificity
    15:16
  • Specificity Domination
    3 questions

  • CSS: Text Styling & Formatting
    20:14
  • CSS: Google Fonts
    08:15
  • CSS: Images
    09:49
  • CSS: Padding & Margin
    09:42
  • CSS: Rows & Columns
    13:06
  • Quiz: Intermediate CSS
    5 questions

  • Preview01:15
  • CSS: Building the Navbar
    22:48
  • CSS: Making the Navbar Mobile Responsive - Part 1
    11:00
  • CSS: Making the Navbar Mobile Responsive - Part 2
    23:44
  • CSS: Creating the Form Group
    30:47
  • CSS: Working with iframes
    22:17
  • CSS: Working with images and box shadows
    42:35
  • CSS: Working with text and image spacing
    28:25
  • CSS: Building the footer
    18:01

  • How Computers Work
    12:40
  • Understanding Binary
    09:43
  • How code works
    10:01
  • Heap vs Stack
    08:58
  • Understanding hexadecimal
    06:08
  • Variables & storage capacity
    06:33
  • Quiz: Computers & Code
    20 questions

  • Time to Javascript
    08:50
  • Javascript Reference
    04:21
  • Javascript: Comments & How to Link Scripts
    07:44
  • Preview12:57
  • Javascript: Numbers
    08:03
  • Javascript: Comparison Operators
    15:40
  • Javascript: Logical Operators
    15:19
  • Javascript: Arrays
    16:16
  • Javascript: Loops
    14:22
  • Javascript: Functions
    22:19
  • Javascript: Objects
    27:05
  • Javascript: Bind
    08:30
  • Percentage Calculator - Setting Up the Form
    07:56
  • Percentage Calculator - Grabbing Elements With Javascript
    10:38
  • Percentage Calculator - Using Event Listeners
    12:54
  • Percentage Calculator - Algorithm & Prevent Default
    08:09

  • How Version Control Works
    Preview11:59
  • macOS Terminal Basics
    14:23
  • Git Basics
    16:20
  • Setting up Github on macOS
    05:34
  • Github vs Bitbucket
    03:06
  • Local & Remote Repositories
    17:32
  • Working Through Git Merge Conflicts
    11:17

  • What is Bootstrap 4?
    03:12
  • Downloading Bootstrap 4
    03:04
  • Bootstrap 4: Project Setup
    07:15
  • Bootstrap 4: Overview of Bootstraps Components
    05:57
  • Bootstrap 4: Understanding Bootstraps Classes
    03:15
  • Bootstrap 4: Using the Grid System
    18:47

  • 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
    08:29

Requirements

  • You should have a PC or Mac and know how to turn it on!
  • Have an Internet connection

Description

Welcome to the Ultimate Web Developer Bootcamp. This is your one-stop-shop to learn front-end AND back-end development.

We'll take you from absolute beginner to competent full-stack web developer in a matter of weeks.

WHO SHOULD TAKE THIS COURSE?

  • Anyone who is curious about programming
  • Entrepreneurs
  • Those looking for a career change
  • Serious coders & hobbyists
  • Students & teenagers
  • Anyone who wants to learn web development

WHAT YOU WILL LEARN

  • HTML5
  • CSS3
  • Javascript
  • Bootstrap 4
  • DOM Manipulation
  • NPM
  • Node
  • MongoDB
  • REST
  • Express
  • ES6
  • React


Devslopes has taught over 100,000 students how to code. Using our exciting, hands-on teaching style you are sure to master the principles AND have fun at the same time.

We also have a free chat community with over 50,000 students where you can interact and get help from others.

See you on the inside!

- Mark Price

Who this course is for:

  • This course is for beginners - no prior experience is required
  • This course is for entrepreneurs & hobbyists
  • This course is for those looking for a career change
  • This course is for anyone who wants to learn front-end and backend development
  • This course is for students

Featured review

Brendon Myburgh
Brendon Myburgh
7 courses
2 reviews
Rating: 5.0 out of 52 months ago
The only "gripe" if one could call it that even, is the initial intro portion. If the IDE installation could be introduced first.... Awesome !!! Furthermore, what an awesome introductory course to learning how to code. I've been struggling with other course material to understand the logic behind it, but here is a totally different and interactive, well explained, logical & methodical approach that makes it fun to learn Thanks a million, guys. Love your stuff

Instructors

Mark Wahlbeck
CEO Devslopes | iOS | Android | Freelancing
Mark Wahlbeck
  • 4.3 Instructor Rating
  • 46,778 Reviews
  • 293,386 Students
  • 15 Courses

I am a veteran mobile developer having built over 57 mobile apps for iOS and Android, and I've also build multiple Unity 3D games, including Call of Duty Ghosts mobile. 

I also spend most of my days now as a professional engineering instructor  - changing the lives of students throughout the world - helping them make amazing salaries as engineers.

My passion is helping people reveal hidden talents and guide them into the world of startups and programming. I currently am teaching iOS 10, Apple TV & tvOS, React & Flux web development, Objective-C, Swift 3, Android, Javascript, Node, and Java. I also teach Unity 3D game development.

Devslopes by Mark Wahlbeck
Learn programming & app development
Devslopes by Mark Wahlbeck
  • 4.3 Instructor Rating
  • 51,754 Reviews
  • 331,897 Students
  • 25 Courses

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.


Our target students are:

First time developers

Entrepreneurs who want to build their own technology startup

Current developers looking to either advance their careers or learn new technologies.


By taking our courses, our students have been able to:

Get jobs as developers with amazing salaries

Launch (and even sell) their technology startups 

Get promotions and make substantial career changes


We strive to teach students how to code through polished apps inspired by real world examples. We want our students to build projects that they are proud of, that look and operate just like apps they use in their everyday life. 


We are passionate about helping people reveal their hidden talents and guiding them into the exciting world of startups and programming.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.