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
Build Creative Website Using HTML5, CSS3, jQuery & Bootstrap

Build Creative Website Using HTML5, CSS3, jQuery & Bootstrap

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

Learn HTML5, CSS3, jQuery, Bootstrap And Build Huge Creative Responsive Website With Modern Trends From Scratch.

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

*** Over 3500+ Students Are Already Taking This course ***

*** BEST REVIEWED Course on Udemy ***

First thing first, please View Project Demo at the link given in lecture# 2 :)

Now, let's discuss what is inside this course. You are here because you are ready to start learning web development skills Or maybe you are already coding and want to take your web development skills to the next level. 

In this course, first, you will learn the basics of web development technologies and then you will learn to build a huge creative & modern-looking professional website from very scratch. 

  This course covers below tools & technologies.

  • Wireframing

  • HTML5

  • CSS3

  • JavaScript

  • jQuery

  • Bootstrap

  • Web fonts, colors & icons

  • Web tools

  • Web animations

  • Build huge real-world website

  • CSS3 media queries

  • Perfecting responsive layout

  • Optimizing website

  • Cross-browser testing

  • And much more...

No coding experience is necessary for this course. You will learn, how to build a creative & modern responsive website from very scratch with zero experience. 

This course will teach you, how to create a wire-frame for a website before actually starting the development. And then you will learn how to convert a wire-frame into a real-world website. 

You will learn, how to choose the right web fonts, colors, and icons for your website. In this course, you will learn how to write HTML5 markup the best way. You will learn the Integration of the Bootstrap framework which will really speed up the development time and it will allow adding some really great features to a website. 

You will learn, new CSS3 techniques to style a website and you will be also introduced to some new concepts such as CSS3 media quires & breakpoints and with jQuery, you will learn how to add cool features to a website. 

While building that amazing beautiful website, you will learn new ways of coding, tips & tricks, and modern best practices that will make you a professional web developer in a very short time.

For any questions/confusion, I will be always here to help you out so please don't hesitate to contact me, I really love helping my students. Enroll today and you will see how fun & easy it is to build a creative & modern looking professional website from very scratch, it will be super easy!

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

You will learn to build REAL world creative and modern website from very scratch using modern web technologies.

You will learn wire-framing, HTML5, CSS3, JQuery and Bootstrap (+BS 4) Framework

You will learn new ways of coding, tips & tricks and modern best practices to build a professional website.

You will learn to build a fully responsive website which will look perfect on all the small & wide screens.

You will learn about CSS3 media queries and you will be able to make the website perfect for responsive design.

You will get complete source code of final product.

Yêu cầu

  • You just need a computer with an internet.
  • No coding experience is necessary. You will start learning from the very basics.
  • Basic knowledge of html & css would be a bonus otherwise you don't need to worry.

Nội dung khoá học

30 sections

Getting Started!

4 lectures
Course Introduction
07:23
View Project Demo
00:02
IMPORTANT NOTES!
00:39
Download Resources File
00:06

Setting Up Working Environment

5 lectures
Install Chrome Browser
01:41
Chrome Web Developer Tools
07:21
Install Brackets Code Editor
03:30
Install Brackets Extensions (Part 1)
10:27
Install Brackets Extensions (Part 2)
10:34

Creating Wireframe Of Website

4 lectures
Learn About Wire-framing
03:32
Let's First Create Website Wireframe
19:28
Complete Website Wireframe
03:29
Know About Wireframing Tools
03:11

Building Basic Structure Of Website

6 lectures
Setup Website Folder File Structure
04:58
What Is HTML?
02:35
Create Basic HTML5 Page Structure
05:31
Add Important Meta Tags
05:02
Add Website Title & Favicon
03:56
Quiz
6 questions

Learn CSS Basics

7 lectures
What Is CSS?
03:01
Link CSS To HTML
02:53
Basic CSS Selectors
08:10
CSS Classes & IDs
07:59
CSS Box Model
07:48
CSS Positioning
13:33
Quiz
17 questions

JavaScript & jQuery Basics

7 lectures
What Is JavaScript?
03:47
Link Script To HTML
05:16
JavaScript Basics
15:02
What Is jQuery?
03:14
Add jQuery Library
04:18
How To Use jQuery
16:34
Quiz
23 questions

Bootstrap Framework

7 lectures
Bootstrap Framework Version
03:09
What Is Bootstrap?
04:21
Add Bootstrap Library
05:16
Bootstrap Grid System
02:19
Bootstrap Grid Examples
18:21
Know About Web Development Resources
01:55
Quiz
5 questions

Setting Up Fonts, Colors & Icons

4 lectures
Choose Right Fonts
08:55
Important Note Before You Go Ahead
00:20
Choose Right Icons
07:00
Choose Right Colors
06:32

Solo - Creative Responsive Website

1 lectures
Solo - Creative Responsive Website
03:02

Building Preloader for Website

4 lectures
Introduction - Preloader
02:26
Write HTML - Preloader
04:29
Apply CSS - Preloader
14:30
Hide Preloader Using jQuery
10:22

Building Home Section

7 lectures
Introduction - Home
02:49
Setup Background Video - Home
06:16
Write HTML (Part 1) - Home
09:06
Apply CSS (Part 1) - Home
14:43
Write HTML (Part 2) - Home
12:55
Apply CSS (Part 2) - Home
16:22
Apply CSS (Part 3) - Home
18:28

Building About Section

6 lectures
Introduction - About
01:58
Write HTML (Part 1) - About
17:54
Apply CSS (Part 1) - About
19:22
Write HTML (Part 2) - About
10:38
Apply CSS (Part 2) - About
14:55
Apply CSS (Part 3) - About
10:32

Building Team Section

10 lectures
Introduction - Team
01:41
Write HTML (Part 1) - Team
18:31
Add jQuery Slider (Part 1) - Team
13:21
Add jQuery Slider (Part 2) - Team
16:07
Apply CSS (Part 1) - Team
18:15
Apply CSS (Part 2) - Team
15:34
Write HTML (Part 2) - Team
09:24
Apply CSS (Part 3) - Team
13:22
Add jQuery Animation - Team
11:36
jQuery Animation On Scroll - Team
18:06

Building Statement Section

4 lectures
Introduction - Statement
01:54
Write HTML - Statement
05:14
Apply CSS - Statement
12:00
Create Code Snippets
10:09

Building Services Section

7 lectures
Introduction - Services
01:59
Write HTML (Part 1) - Services
18:30
Apply CSS (Part 1) - Services
19:47
Write HTML (Part 2) - Services
16:37
Add jQuery Responsive Tabs - Services
15:12
Apply CSS (Part 2) - Services
15:06
Apply CSS (Part 3) - Services
13:39

Building Work Section

11 lectures
Introduction - Work
03:42
Write HTML - Work
18:05
Apply CSS - Work
08:03
Add jQuery Filter (Part 1) - Work
17:36
Add jQuery Filter (Part 2) - Work
18:12
Apply CSS To Filters - Work
09:39
Add Zoom Effect - Work
07:14
Add jQuery Magnifier - Work
12:59
Add Overlay Effect (Part 1) - Work
13:55
Add Overlay Effect (Part 2) - Work
14:17
Minor Fix - Work
02:13

Building Testimonials Section

4 lectures
Introduction - Testimonials
01:57
Write HTML - Testimonials
13:10
Add jQuery Slider - Testimonials
04:42
Apply CSS - Testimonials
16:25

Building Pricing Section

5 lectures
Introduction - Pricing
01:25
Write HTML - Pricing
17:19
Apply CSS (Part 1) - Pricing
18:09
Apply CSS (Part 2) - Pricing
11:21
Apply CSS (Part 3) - Pricing
08:53

Building Stats Section

4 lectures
Introduction - Stats
02:08
Write HTML - Stats
09:23
Apply CSS - Stats
16:47
Add jQuery Counter - Stats
10:31

Building Clients Section

4 lectures
Introduction - Clients
00:58
Write HTML - Clients
05:18
Add jQuery Slider - Clients
03:16
Apply CSS - Clients
08:14

Building Blog Section

3 lectures
Introduction - Blog
01:49
Write HTML - Blog
11:17
Apply CSS - Blog
13:34

Building Contact Section

5 lectures
Introduction - Contact
01:44
Write HTML (Part 1) - Contact
11:26
Write HTML (Part 2) - Contact
09:18
Apply CSS (Part 1) - Contact
10:25
Apply CSS (Part 2) - Contact
08:09

Building Map Section

5 lectures
Introduction - Map
01:21
Emmet Extension
07:19
Google Maps JavaScript API - Map
04:31
Write HTML & CSS - Map
05:15
Render Map Using JavaScript - Map
18:57

Building Footer Section

3 lectures
Introduction - Footer
01:08
Write HTML - Footer
04:17
Apply CSS - Footer
05:21

Building Navigation

8 lectures
Introduction - Navigation
01:53
Write HTML - Navigation
14:49
Apply CSS - Navigation
09:51
Create White Navigation - Navigation
08:22
Show & Hide White Navigation Using jQuery - Navigation
19:59
Add ScrollSpy Effect - Navigation
11:25
Add Smooth Scrolling Using JQuery - Navigation
17:41
Add Back To Top Button - Navigation
13:24

Perfecting Responsive Layout

18 lectures
Introduction - Responsive
09:00
Media Queries - Responsive
17:56
Large Devices - Responsive
07:27
Medium Devices - Responsive
11:59
Small Devices (Part 1) - Responsive
19:59
Small Devices (Part 2) - Responsive
34:57
Small Devices (Minor Fixes) - Responsive
05:59
Extra Small Devices (Part 1) - Responsive
19:06
Extra Small Devices (Part 2) - Responsive
19:32
Extra Small Devices (Part 3) - Responsive
18:54
Extra Small Devices (Part 4) - Responsive
14:00
Extra Small Devices (Part 5) - Responsive
24:32
Resize Google Map - Responsive
09:50
Write HTML - Mobile Menu
12:44
Apply CSS (Part 1) - Mobile Menu
16:11
Apply CSS (Part 2) - Mobile Menu
13:54
Show & Hide Mobile Menu Using jQuery
11:50
Responsive Layout Testing & Tools
17:40

Applying Animation

4 lectures
Introduction - Animation
02:35
Add Animation Libraries
11:04
Apply Animation (Part 1)
25:36
Apply Animation (Part 2)
26:20

Finalizing, Optimizing & Launching

7 lectures
Final Touches
15:29
Basic Search Engine Optimization (SEO)
03:08
Optimize Images
11:52
Code Validation
09:50
Cross Browser Testing
08:50
Minify Code
13:09
Going Live!
06:03

Conclusion

1 lectures
Great job! You did it!
01:48

Bonus

4 lectures
Migrating To Bootstrap 4 (Part - 01)
05:31
Migrating To Bootstrap 4 (Part - 02)
20:25
Migrating To Bootstrap 4 (Part - 03)
29:29
Know About Future Courses!
00:11

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

How To Create 2D Defender Game With Unity & C#

How To Create 2D Defender Game With Unity & C#

749.000 VND
50.000 VND
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
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