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ủ
IT & Software
Other IT & Software
Front End Web Development
The Complete Front-End Web Development Course

The Complete Front-End Web Development Course

Loại khoá học: Other IT & Software

Get started as a front-end web developer using HTML, CSS, JavaScript, jQuery, and Bootstrap!

image
50.000 VND
1.499.000 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ả

If you would like to learn web development and get a job in the tech industry, you are going to LOVE this course! Learn HTML, CSS, JavaScript, Bootstrap and more with over 15 hours of HD video tutorials! This course was designed to be extremely beginner friendly. We will begin with the very basics of HTML and build a simple web page. By the end of this course, you will be able to develop and publish your very own Google Chrome extension! In this course we will focus on coding exercises and projects. Your time will not be wasted reviewing unnecessarily long PowerPoint presentations. Upon completing this course, you will have a solid portfolio of development projects to show potential employers!


3 Coding Projects in the course:

• Simple text site - We will use what we learned in the HTML sections to

create a simple text site. This project will help you learn HTML structure

and the essential elements.

• Fallout inspired Pip-Boy - We will take what we learned in the CSS and

Bootstrap sections of the course to code a Pip-Boy from the game

Fallout. This project will help you learn the design elements of modern

web development.

• Google Chrome extension - We will finish the course by programming a

JavaScript based Google Chrome extension. This project will help you

understand the logical parts of web development.


Topics covered in the course:

• Web development basics with HTML

• Cascading Style Sheets (CSS)

• JavaScript programming

• jQuery JavaScript library

• Bootstrap framework


Still not sold? Check out a few of the awesome reviews this course has received from customers:

• "Excellent course! Highly recommend it! Provides great hands-on experience with web development.“

• "I really like how when the author makes a mistake he takes the time to show us how he is wrong and corrects it rather than editing it out of the video. Very easy to follow and informative course!“

• "I am really enjoying the experience of learning a new skill. I used to believe that web design was way too complicated for me to learn but so far in this course I have been keeping up and having fun."

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

Build a simple HTML text site

Style web pages using CSS

Program websites with JavaScript

Build a Pipboy using Bootstrap

Build and publish a Google Chrome Extension

Yêu cầu

  • No previous development experience required
  • Access to various open-source (free) software.

Nội dung khoá học

14 sections

Welcome to the Course!

2 lectures
Introduction to the course
01:46
Atom setup
05:15

Web Development Basics - HTML

9 lectures
HTML document structure
04:05
HTML elements - div and span
06:43
HTML elements - i, b, p, and a
06:28
HTML elements - ul, li, and ol
05:23
HTML elements - header and footer
05:21
HTML elements - section, main, and article
08:14
HTML elements - h1-h6 and aside
03:16
HTML tables
09:56
Project #1 - HTML text site
08:30

Advanced HTML Concepts

10 lectures
Images
03:30
Forms
04:48
Inputs
07:01
Checkboxes
04:55
Radio buttons
04:40
Select, option, and buttons
06:19
HTML5 videos
07:13
HTML5 audio
04:35
Doctypes
02:58
Meta tags
07:13

Introduction to Cascading Style Sheets (CSS)

11 lectures
Targeting color and background
15:58
Element specificity
03:48
ID targeting, margin, and border
11:50
Padding, margin, and float
08:11
Max-width and background-image
16:43
Switching over to an IDE
01:45
Font weight, style, and family
13:43
Text decorations
03:51
Text spacing
03:54
Text decoration modification
04:16
Text shadow
07:42

Advanced CSS

7 lectures
Pseudo-states
08:52
Border radius
08:27
Positions
09:04
Pseudo-elements
06:54
Z-index
05:50
Viewpoint width and height, overflowing content
07:20
Transition property
05:30

JavaScript for Beginners

11 lectures
Intro to JavaScript
04:23
Alerts and console logging
05:44
Integers, strings, and variables
06:49
Undefined variables and modifying values of variables
05:27
Boolean operators
02:48
Comparing values
05:10
If statements
10:53
For loops
03:19
Defining functions
06:04
Event handling
09:06
Setting an elements innerHTML
02:49

More JavaScript Concepts

12 lectures
Arrays pt.1
05:57
Arrays pt.2
06:55
Arrays pt.3
05:24
Textareas and getting the value of inputs
13:43
Functions - parameters and return values
07:34
Multiple parameters in functions
05:01
Flexible function parameters
11:57
Exercise - find the missing number
07:52
Exercise solution
07:33
Classes explained
04:55
Class constructor, instance variables, and static variables
09:07
Extending classes
13:39

Getting Started with jQuery

11 lectures
jQuery setup
06:17
Targeting elements
04:10
Event handling
10:48
Dropdown menus
22:22
Making our dropdown disappear
04:36
Multiple targets, events, and attr method
08:45
Prepend, append, and html
05:16
preventDefault
06:11
event.which and switch properties
09:01
Custom context menu, pageY, and pageX
13:28
is method
07:54

More jQuery

8 lectures
Writing our own version of jQuery
17:23
Find method
04:40
First and last
01:59
Focusin and focusout
11:21
Contains, is, and hasClass
07:08
Each method
02:36
Callbacks
07:14
CSS
05:03

Bootstrap Basics

6 lectures
Bootstrap setup
06:48
Navbar pt.1
06:44
Navbar pt.2
10:41
Forms pt.1
13:59
Forms pt.2
04:41
Buttons
05:43

Project #2 - Pipboy from Fallout 4

18 lectures
Setup
09:14
Navbar
07:35
Main page
06:45
Pipboy image and footer
13:25
Colors
05:03
Font and styling main nav
13:03
Scanlines
06:19
Navigation styling
09:43
Tabs
08:57
Progress bars
10:11
Stat bars
13:35
Footer fixes
02:08
Damage and resistance
05:27
Icons
12:51
Inventory template
04:11
Item list
13:02
Weapon stat container
11:05
Finishing touches with JavaScript
17:53

Project #3 - Google Chrome Extension

11 lectures
Problem solving
05:15
Manifest files
05:56
Basic setup
03:14
Getting video URLs
02:07
Injecting JavaScript
05:56
Getting pretty objects for each URL
04:46
Creating download options list
16:29
Communicating between the page and extension
09:25
Chrome downloads API and background scripts
07:59
Receiving messages and downloading files
05:44
Styling our extension and publishing
09:13

Final Thoughts

1 lectures
Tips for getting started as a professional web developer
16:08

BONUS - Coding Another Google Chrome Extension

9 lectures
Introduction and manifest
21:57
Content scripts
16:04
Messaging different parts of the extension
10:13
Creating share popup
08:21
Icons
10:55
Building an image downloader
13:34
Interacting with the DOM
28:47
Uploading to the Google Chrome Web Store
07:17
Source code
00:00

Đá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