Danh mục
Duocmmo Tedu Tin học văn phòng Laravel Cyberlearn Khoá học miễn phí Tất cả khoá học
Get link khoá học
Trang chủ
Development
Web Development
Full Stack Web Development
Beginner Full Stack Web Development: HTML, CSS, React & Node

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

Loại khoá học: Web Development

Learn web development with HTML, CSS, Bootstrap 4, ES6 React and Node

image
50.000 VND
65 VND
Đầy Đủ Bài Giảng
Học Online Tiện Lợi
Kích Hoạt Nhanh 2-5 Phút
Thanh toán tự động
Được phép tải xuống

Tổng quan

Nội dung khoá học

Đánh giá

Mô tả

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

Bạn sẽ học được gì

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

Yêu cầu

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

Nội dung khoá học

18 sections

Intro to Web Development

8 lectures
Intro to Web Development
07: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
05:36

Getting Started With HTML

4 lectures
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

Introduction to CSS

11 lectures
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

Intermediate CSS

6 lectures
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

Advanced CSS: Building and styling website

9 lectures
CSS: Intro to building your first Website!
01: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

Computers & Code

7 lectures
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

Learning to Code With Javascript

16 lectures
Time to Javascript
08:50
Javascript Reference
04:21
Javascript: Comments & How to Link Scripts
07:44
Javascript: Variables & Strings
12: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

Version Control With Git

7 lectures
How Version Control Works
11: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

Introduction to Bootstrap 4

6 lectures
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: Creating a Login Portal

4 lectures
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

Bootstrap 4: Skate or Die Website

9 lectures
Bootstrap 4: Skate or Die Intro
01:16
Bootstrap 4: Working with Navbars
10:32
Bootstrap 4: Using Carousels
23:15
Bootstrap 4: Nesting rows and columns
20:55
Bootstrap 4: Modals
16:11
Bootstrap 4: Adding images and buttons
18:58
Bootstrap 4: Sizing Modals
18:19
Bootstrap 4: Building the Footer
07:34
Bootstrap 4: Working with Font Awesome Favicons
15:33

Intro to Flexbox

18 lectures
What is flexbox?
03:34
Flexbox fundamentals
19:43
Quiz: Flexbox Basics
15 questions
Intro to flexbox landing page
01:22
Building the navbar: Part 1
13:36
Building the navbar: Part 2
07:29
Making the dropdown menu functional
20:07
Designing the navbar for mobile
09:44
Creating the landing page header
07:39
Building the Services section
02:06
Creating the first Media Object
13:26
Flexbox ordering
09:33
Adding the Quote button
07:14
Designing the portfolio object
12:37
Making the portfolio object mobile compatible
09:59
Making Media Objects mobile compatible
06:24
Creating the contact form
19:30
Making the contact form mobile compatible
03:31

CSS Grids

8 lectures
Grid Layout Containers
15:18
Grid Layout Items
12:15
Exercise: Rows and Columns
00:16
Gird Layout Areas
05:44
Grid Layouts Website: Part 1
18:51
Grid Layouts Website: Part 2
25:45
Exercise: Masonry Gallery Layout
00:42
CSS Grid Quiz
7 questions

Beginner Sass

22 lectures
Intro to Sass
01:10
What is Sass?
08:02
How to install Sass and compile it to CSS
11:46
Your FIRST Sass Website!
29:47
Are you Sassy?
4 questions
Different tools to compile Sass
06:44
How to structure your Sass
14:44
Sass Partials: Maintainable Styles Rules
07:15
Sass Variables and Imports: Create a clean Scalable Stylesheet
20:53
Sass Mixins: Save time & recycle styles
11:56
Sass Extends: Share style properties between other selectors
06:18
Final Project: Intro to our Landing Page
01:00
Final Project: Setting up our Variables
15:22
Final Project: Styling our Navbar with Sass
11:05
Final Project: Creating the Banner Container
03:19
Final Project: Adding Content to our Banner Container
10:25
Final Project: Doing some quick cleanup in our Sass files
04:25
Final Project: Using the Extend method
05:03
Final Project: Styling a section splitter with Sass
05:01
Final Project: Using advanced Mixins
21:15
Final Project: Styling the next Container with Sass
05:50
Final Project: Finishing our Landing Page, Congrats!
10:41

How to Set Up Hosting For Your Web Apps

8 lectures
Web Hosting
01:14
Creating a server
05:27
Accessing your server
02:12
Installing Nginx
04:07
Creating server SSH Keys
04:02
Uploading files to your server
02:31
Setting up a domain
05:29
Final Step: Configuring Nginx
07:51

Intro to Node, Mongo, & REST APIs

17 lectures
Understanding Web Requests
17:12
Installing Node on macOS
07:49
All About JSON
10:40
Basics of Node
09:23
Node Modules
05:39
Building Your First API
16:58
Postman, GET & POST Requests
19:23
URL Parameters & Delete Requests
18:16
Installing MongoDB on macOS
05:41
Working With the Mongo Shell
12:18
Searching for Documents
08:04
Deletions & Documentation
04:24
Swag Shop API: Project Creation
10:09
Swag Shop API: Creating the Models
14:41
Swag Shop API: Posting Products
12:55
Swag Shop API: Fetching Products
09:56
Swag Shop API: Populating Data
19:21

Intro to React

14 lectures
Swag Shop: Setting Up React Tooling
18:58
Swag Shop: Installing Bootstrap
11:28
Swag Shop: Setting Up the API
06:26
Swag Shop: Creating a HTTP Service
19:01
Swag Shop: Promises With ES6 & React
12:20
Swag Shop: Components in React - Website Product
13:48
Swag Shop: Props in React
11:01
Swag Shop: Working With State in React
13:46
Swag Shop: Creating a WishList Component
24:50
Swag Shop: Building a Singleton Data Service
11:23
Swag Shop: Creating a Notification Service
13:09
Swag Shop: Posting Notifications to React Components
07:31
Swag Shop: Observing Notifications in React
13:47
Swag Shop: Finishing Our Full Stack React App
16:14

Bonus

1 lectures
Final Bonus
00:12

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Khoá học liên quan

The Complete UML Course (2024): Learn to Design UML Diagrams

The Complete UML Course (2024): Learn to Design UML Diagrams

25 VND
50.000 VND
Master Network Automation with Python for Network Engineers

Master Network Automation with Python for Network Engineers

1.699.000 VND
50.000 VND
Unity Mobile Game Development - Exterminator

Unity Mobile Game Development - Exterminator

1.499.000 VND
50.000 VND
Mastering CSS Grid 2023 - With 3 cool projects

Mastering CSS Grid 2023 - With 3 cool projects

99 VND
50.000 VND
Django 3 - Full Stack Websites with Python Web Development

Django 3 - Full Stack Websites with Python Web Development

1.699.000 VND
50.000 VND
Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

95 VND
50.000 VND
Appium - Mobile Testing with Latest 2.0 and Live Projects

Appium - Mobile Testing with Latest 2.0 and Live Projects

70 VND
50.000 VND
Deep Learning for Object Detection with Python and PyTorch

Deep Learning for Object Detection with Python and PyTorch

899.000 VND
50.000 VND
Full Android Development Masterclass | 14 Real Apps-46 Hours

Full Android Development Masterclass | 14 Real Apps-46 Hours

1.699.000 VND
50.000 VND
Go Java Full Stack with Spring Boot and Angular

Go Java Full Stack with Spring Boot and Angular

90 VND
50.000 VND
Machine Learning Practical Workout | 8 Real-World Projects

Machine Learning Practical Workout | 8 Real-World Projects

79 VND
50.000 VND
WordPress 2024: The Complete WordPress Website Course

WordPress 2024: The Complete WordPress Website Course

90 VND
50.000 VND
Android App Development Master Course with Java | Android

Android App Development Master Course with Java | Android

99 VND
50.000 VND
Unreal Engine 5: Soulslike Melee Combat System

Unreal Engine 5: Soulslike Melee Combat System

1.399.000 VND
50.000 VND
ASP.NET Core Web Application Using Razor Pages

ASP.NET Core Web Application Using Razor Pages

1.699.000 VND
50.000 VND
Build Undetectable Malware Using C Language: Ethical Hacking

Build Undetectable Malware Using C Language: Ethical Hacking

75 VND
50.000 VND
image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi