Khóa học lập trình Frontend Master

Hải Lân & Vũ Khánh

Lập trình Frontend Master

Khóa học Frontend master này đem đến cho các bạn toàn bộ kiến thức nền tảng của lập trình website như HTML, CSS, javascript, jQuery framework, Bootstrap framework, … ZendVN đảm bảo khóa học này sẽ đem lại cho các bạn kiến thức rộng nhất và toàn diện nhất của lĩnh vực thiết kế web hiện đại.

Trong quá trình làm việc với các dự án trong và ngoài nước, ZendVN hiểu rõ được các khó khăn của các lập trình viên web cũng như người thiết kế web. ZendVN đã cho ra đời khóa học lập trình Frontend Master. Khóa học Frontend này có hơn 100 giờ video, giáo trình khóa học Frontend được sắp xếp một cách khoa học nhất với những ví dụ thực tế nhất để các bạn chưa biết gì về web đến những bạn đã làm việc trong lĩnh vực thiết kế web hoặc lập trình web lâu năm cũng có tham gia.

Các bạn sẽ được hướng dẫn đầy đủ và có hệ thống về HTML, CSS, Javascript, jQuery, hiểu tường tận về từng thành phần mà lập trình Frontend mang lại.

Lập trình Frontend căn bản bao gồm:

Cách làm chủ mã nguồn HTML, CSS
Chỉnh sửa giao diện website bất kỳ theo ý muốn
Chuyển đổi từ tập tin PSD sang HTML theo chuẩn của W3C
Cách đọc hiểu các thuộc tính, phương thức trong từng đối tượng HTML
Các kỹ thuật bắt lỗi (debug) chuyên nghiệp trong lập trình Javascript và JQuery
Hiểu rõ về DOM, JSON, XML, AJAX, XPATH… qua những ví dụ thực tế.

Các bạn sẽ được giảng viên hướng dẫn hiểu cách thức hoạt động và cách xây dựng các ứng dụng thường được dùng trong thực tế như: xây dựng các hệ thống menu, slideshow, Light box, kỹ thuật kéo thả sản phẩm vào giỏ, kỹ thuật xử lý Form toàn diện… và nhiều kỹ thuật thực tế khác.

Lập trình Frontend nâng cao:

Cách xây dựng các đối tượng mới trong Javascript
Cách xây dựng JQuery Plugin
Cách đọc hiểu và chỉnh sửa các JQuery Plugin có sẵn
Kỹ thuật bảo mật cho website sử dụng Ajax
Thành thạo Bootstrap framework
Cách thiết kế web theo chuẩn Web Responsive thích ứng với mọi màn hình PC, tablet, mobi…

ZendVN đảm bảo sau khóa học lập trình Frontend này các bạn sẽ thấy tự tin hơn trong công việc, các bạn tích lũy được một lượng kiến thức rất lớn mà phải cần 3-4 năm làm việc liên tục và thực tế mới có được.

Khóa học được xây dựng dựa trên kinh nghiệm làm dự án thực tế của ZendVN, ngoài ra khóa học còn sử dụng các tài liệu từ trang Google, stackoverflow.com và các trang web khác.

Chương 4 - Chương 04: Xây dựng giao diện mẫu cho button, box và menu

Bài 1 - Xây dựng giao diện mẫu cho button 3 video
1
Button 01
2
Button 02
3
Button 03
Bài 2 - Xây dựng giao diện mẫu cho box 13 video
1
Box A - Box B
2
Box C - Box D
3
Box A - Box B (title)
4
Box C - Box D (title)
5
Box E - Box F (title)
6
Box A - Box B (cirle)
7
Box C (cirle)
8
Box D (cirle)
9
Box A (cirle - title)
10
Box B (cirle - title)
11
Box C - Box D (cirle - title)
12
Box E (cirle - title)
13
Box F (cirle - title)
Bài 3 - Xây dựng giao diện mẫu cho tab 4 video
1
Tab 01
2
Tab 02
3
Tab 03
4
Tab 04
Bài 4 - Xây dựng giao diện mẫu cho menu 3 video
1
Menu 01
2
Menu 02
3
Menu 03

Chương 5 - Chương 05: Thực hành cắt và chuyển template sang HTML & CSS

Bài 1 - Xây dựng giao diện trang chủ 14 video
1
Logo - Currency 01
2
Logo - Currency 02
3
Logo - Currency 03
4
Menu
5
Logo - Search - Slide 01
6
Logo - Search - Slide 02
7
Logo - Search - Slide 03
8
Special product
9
List products
10
Categories - Banner
11
Slide products
12
Copyright 01
13
Copyright 02
14
Copyright 03
Bài 2 - Xây dựng giao diện trang danh mục loại sản phẩm 3 video
1
Category 01
2
Category 02
3
Category 03
Bài 3 - Xây dựng giao diện trang chi tiết sản phẩm 4 video
1
Detail 01
2
Detail 02
3
Detail 03
4
Detail 04
Bài 4 - Xây dựng giao diện trang FAQ 1 video
1
Full video
Bài 5 - Xây dựng giao diện trang about 1 video
1
Full video
Bài 6 - Xây dựng giao diện trang liên hệ 4 video
1
Phần 01
2
Phần 02
3
Phần 03
4
Phần 04

Chương 6 - Chương 06: Javascript căn bản

Bài 1 - Làm quen với Javascript 4 video
1
Các khái niệm
2
Biến
3
Kiểu dữ liệu
4
Hàm
Bài 2 - Toán tử trong Javascript 2 video
1
Phần 01
2
Phần 02
Bài 3 - Phát biểu điều kiện 2 video
1
Phát biểu điều kiện
2
Xác định kiểu dữ liệu
Bài 4 - Vòng lặp trong Javascript 4 video
1
for
2
while
3
do - while, break va continue
4
Bài tập
Bài 5 - JS Error 1 video
1
Full video

Chương 7 - Chương 07: Đối tượng trong Javascript

Bài 1 - JS Number 4 video
1
Giới thiệu
2
Properties
3
Methods
4
Bài tập
Bài 2 - JS Array 5 video
1
Properties
2
Methods 01
3
Methods 02
4
Methods 03
5
Exercises
Bài 3 - JS String 6 video
1
Properties
2
Methods 01
3
Methods 02
4
Methods 03
5
HTML Wrapper
6
Exercises
Bài 4 - JS Math 2 video
1
Properties & Methods
2
Exercise
Bài 5 - JS Boolean 1 video
1
Full video
Bài 6 - JS Date 3 video
1
Properties
2
Methods 01
3
Methods 02
Bài 7 - JS RegExp 7 video
1
Regular Expression 01
2
Regular Expression 02
3
Regular Expression 03
4
Modifiers
5
Properties & Methods
6
Exercise 01
7
Exercise 02
Bài 8 - JS Global 2 video
1
Global Obj 01
2
Global Obj 02
Bài 9 - Lập trình hướng đối tượng trong JS 3 video
1
Phần 01
2
Phần 02
3
Phần 03

Chương 8 - Chương 08: BOM

Bài 1 - JS Window 12 video
1
JavaScript Popup Boxers
2
Đóng, mở cửa sổ P1
3
Đóng, mở cửa sổ P2
4
Đóng, mở cửa sổ P3
5
JS Timing P1
6
JS Timing P2
7
JS Timing P3
8
Move
9
Resize
10
Scroll P1
11
Scroll P2
12
Window relationshop
Bài 2 - JS Navigator 2 video
1
Properties & Methods
2
Exercise
Bài 3 - JS Screen 1 video
1
Full video
Bài 4 - JS History 1 video
1
Full video
Bài 5 - JS Location 2 video
1
Cài đặt Xampp
2
JS Location
Bài 6 - JS Cookies 3 video
1
JS Cookies P1
2
JS Cookies P2
3
Exercise

Chương 9 - Chương 09: DOM

Bài 1 - Node 17 video
1
getElementByID 01
2
getElementByID 02
3
getElementByTagName
4
getElementByClassName
5
getElementByClassName
6
Thuộc tính Attribute
7
Thuộc tính childNodes
8
firstNode - lastNode
9
parentNode
10
hasChildNode - appendChild
11
nodeType - nodeValue
12
cloneNode
13
Bài tập
14
Giải bài tập 1 - P1
15
Giải bài tập 1 - P2
16
Giải bài tập 2
17
Giải bài tập 3 - 4
Bài 2 - CharacterData - Text 1 video
1
Full video
Bài 3 - Element 2 video
1
Full video
2
Fix on IE7
Bài 4 - Document 1 video
1
Full video
Bài 5 - CSSStyleDeclaration 4 video
1
Phần 1
2
Phần 2
3
Phần 3
4
Phần 4
Bài 6 - HTMLElement 11 video
1
Phần 01
2
Phần 02
3
Phần 03
4
Phần 04
5
Phần 05
6
Phần 06
7
Phần 07
8
Phần 08
9
Phần 09
10
Phần 10
11
Phần 11
Bài 7 - HTMLDocument 3 video
1
Phần 01
2
Phần 02
3
Phần 03
Bài 8 - Events 31 video
1
Phần 01
2
Phần 02
3
Phần 03
4
Phần 04
5
Phần 05
6
Bài tập
7
Giải bài tập 1 - P01
8
Giải bài tập 1 - P02
9
Giải bài tập 1 - P03
10
Giải bài tập 1 - P04
11
Giải bài tập 1 - P05
12
Giải bài tập 1 - P06
13
Giải bài tập 1 - P07
14
Giải bài tập 1 - P08
15
Giải bài tập 2 - P01
16
Giải bài tập 2 - P02
17
Giải bài tập 2 - P03
18
Giải bài tập 2 - P04
19
Giải bài tập 2 - P05
20
Giải bài tập 3 - P01
21
Giải bài tập 3 - P02
22
Keyboard event 01
23
Keyboard event 02
24
Keyboard event 03
25
Object event 01
26
Object event 02
27
Form event 01
28
Form event 02
29
Form event 03
30
Form event 04
31
Form event 05

Chương 10 - Chương 10: Javascript & XML

Bài 1 - XML Basic 6 video
1
XML
2
XSL 01
3
XSL 02
4
Xpath 01
5
Xpath 02
6
Xpath 03
Bài 2 - XML JavaScript 10 video
1
Ajax load
2
XMLHttpRequest 01
3
XMLHttpRequest 02
4
XMLHttpRequest 03
5
Convert XML
6
Read nodes 01
7
Read nodes 02
8
Read nodes 03
9
Read nodes 04
10
Read nodes 05
Bài 3 - XML & PHP 3 video
1
SimpleXML 01
2
SimpleXML 02
3
SimpleXML 03
Bài 4 - JSON - JS - PHP 3 video
1
Phần 01
2
Phần 02
3
Phần 03

Chương 11 - Chương 11: jQuery toàn tập

Bài 1 - jQuery basic 4 video
1
Giới thiệu jQuery
2
jQuery basic 01
3
jQuery basic 02
4
jQuery basic 03
Bài 2 - Utilities 10 video
1
Containsmethod
2
Eachmethod
3
Extendmothed
4
globalEvalmethod
5
Grepmethod
6
inArraymethod
7
Checkmethods
8
makeArray&mapmethods
9
Othermethods01
10
Othermethods02
Bài 3 - Selector 13 video
1
Basic 01
2
Basic 02
3
Hierarchy
4
Basic Filters
5
Content Filters
6
Visibility Filters
7
Attribute
8
Child Filters 01
9
Child Filters 02
10
Form 01
11
Form 02
12
Form 03
13
Form 04
Bài 4 - Traversing 6 video
1
Filtering 01
2
Filtering 02
3
Filtering 03
4
Tree 01
5
Tree 02
6
Mics
Bài 5 - Attributes & CSS 7 video
1
Atrribute 01
2
Atrribute 02
3
CSS 01
4
CSS 02
5
Dimensions
6
Offset 01
7
Offset 02
Bài 6 - Maniplutation 8 video
1
Copying
2
Around
3
DOM Inside 01
4
DOM Inside 02
5
DOM Outside 01
6
DOM Outside 02
7
Removal
8
Replacement
Bài 7 - Effects 9 video
1
Basics
2
Fading
3
Custom 01
4
Custom 02
5
Custom 03
6
Custom 04
7
Custom 05
8
Custom 06
9
Sliding
Bài 8 - Ajax 11 video
1
Shorthand - Load
2
Shorthand - get
3
Shorthand - post 01
4
Shorthand - post 02
5
Shorthand - getJSon - getScript
6
Helper- param
7
Visibility Filters
8
Low-Level 01
9
Low-Level 02
10
Low-Level 03
11
Global methods
Bài 9 - Core 8 video
1
Callback Object 01
2
Callback Object 02
3
Deferred Object 01
4
Deferred Object 02
5
Deferred Object 03
6
When method
7
DOM Element
8
Internals
Bài 10 - Events 12 video
1
Browser events
2
Form event 01
3
Form event 02
4
Keyboard event
5
Mouse event
6
Event Object
7
Event Handler Attachment 01
8
Event Handler Attachment 02
9
On & Off method
10
Trigger
11
Namespace
12
Custom event
Bài 11 - Tạo jQuery plugin 5 video
1
ZoomIt plugin 01
2
ZoomIt plugin 02
3
SimpleSlide plugin 01
4
SimpleSlide plugin 02
5
SimpleSlide plugin 03

Chương 12 - Chương 12: Xây dựng các ứng dụng với jQuery

Bài 1 - Ứng dụng 1 3 video
1
Tooltip 001
2
Tooltip 002
3
Tooltip 003
Bài 2 - Ứng dụng 2 5 video
1
Selectbox 01
2
Selectbox 02
3
Selectbox 03
4
Selectbox 04
5
Selectbox 05
Bài 3 - Ứng dụng 3 6 video
1
Autocomplete 01
2
Autocomplete 02
3
Autocomplete 03
4
Autocomplete 04
5
Autocomplete 05
6
Autocomplete 06
Bài 4 - Ứng dụng 4 8 video
1
Paging 01
2
Paging 02
3
Paging 03
4
Paging 04
5
Paging 05
6
Paging 06
7
Paging 07
8
Paging 08
Bài 5 - Ứng dụng 5 16 video
1
Phần 01
2
Phần 02
3
Phần 03
4
Phần 04
5
Phần 05
6
Phần 06
7
Phần 07
8
Phần 08
9
Phần 09
10
Phần 10
11
Phần 11
12
Phần 12
13
Phần 13
14
Phần 14
15
Phần 15
16
Phần 16

Chương 13 - Chương 13: Bootstrap

Bài 1 - Responsive design 4 video
1
Part 01
2
Part 02
3
Part 03
4
Part 04
Bài 2 - Hello Bootstrap 1 video
1
Full video
Bài 3 - Bootstrap CSS 11 video
1
Grid system P1
2
Grid system P2
3
Grid system P3
4
Less CSS
5
Typography
6
Table 01
7
Table 02
8
Button
9
Form 01
10
Form 02
11
Images, Helper, Responsive
Bài 4 - Bootstrap Component 6 video
1
Glyphicons - Dropdowns - Button groups
2
Button dropdowns - Input groups
3
Navs - Navbar
4
Breadcrumbs - Pagination - Labels - Badges - Jumbotron
5
Thumbnail - Alerts - Progress bars - Media object
6
List group - Panels
Bài 5 - Bootstrap JavaScript 6 video
1
Modal
2
Dropdown - Scrollspy
3
Tab
4
Tooltip - Popover
5
Alert - Collapse
6
Carousel
Bài 6 - Bootstrap Exercise 6 video
1
Exercise 01
2
Exercise 02
3
Exercise 03
4
Exercise 04 - P1
5
Exercise 04 - P2
6
Exercise 05
Bài 7 - Xây dựng Responsive web design 10 video
1
Navigation 01
2
Navigation 02
3
Navigation 03
4
Navigation 04
5
Carousel
6
What we do 1
7
What we do 2
8
Our Recent Work - Banner
9
Footer
10
Publish

Chương 14 - Chương 14: NodeJS

Bài 1 - Mở đầu 1 video
1
Full video
Bài 2 - Giới thiệu Node.js 1 video
1
Full video
Bài 3 - Giới thiệu NPM 1 video
1
Full video
Bài 4 - Tìm hiểu Package Socket.io 2 video
1
Socket P1
2
Socket P2
Bài 5 - Tìm hiểu Package MySql 3 video
1
Part 1
2
Part 2
3
Part 3
Bài 6 - Xây dựng ứng dụng chat 16 video
1
Demo
2
Xây dựng cấu trúc ứng dụng
3
Login - Logout - Part 01
4
Login - Logout - Part 02
5
Login - Logout - Part 03
6
Chat room - Part 01
7
Chat room - Part 02
8
Chat friend - Part 01
9
Chat friend - Part 02
10
Chat friend - Part 03
11
Chat friend - Part 04
12
Chat friend - Part 05
13
Chat friend - Part 06
14
Chat friend - Part 07
15
Chat friend - Part 08
16
Chat friend - Part 09

Video Demo:

Combo 2 khóa học "PHP + Frontend Master"

885
221 giờ

2,700,000đ

10 lịch sử học tập gần nhất của các bạn học viên được ghi nhận từ hệ thống training.zendvn.com, bạn cần đăng ký khóa học có phí để có tài khoản truy cập vào hệ thống học trực tuyến.

#	Họ và tên	Bài học	Thời gian
1	*** Nam	Đang xem video Giải bài tập 3 - P01, trong bài học Events,	44 phút trước 18:18 ngày 22-10-2020
2	*** Nam	Đang xem video Giải bài tập 2 - P01, trong bài học Events,	44 phút trước 18:17 ngày 22-10-2020
3	*** Nam	Đang xem video Giải bài tập 1 - P06, trong bài học Events,	1 giờ trước 17:44 ngày 22-10-2020
4	*** Huy	Đang xem video Full video, trong bài học Giới thiệu Node.js,	2 giờ trước 16:53 ngày 22-10-2020
5	*** Huy	Đang xem video Part 03, trong bài học Responsive design,	2 giờ trước 16:52 ngày 22-10-2020
6	*** Huy	Đang xem video Part 01, trong bài học Responsive design,	2 giờ trước 16:52 ngày 22-10-2020
7	*** Huy	Đang xem video Tooltip 002, trong bài học Ứng dụng 1,	2 giờ trước 16:51 ngày 22-10-2020
8	*** Huy	Đang xem video Tooltip 001, trong bài học Ứng dụng 1,	2 giờ trước 16:51 ngày 22-10-2020
9	*** Nam	Đang xem video Giải bài tập 1 - P05, trong bài học Events,	2 giờ trước 16:50 ngày 22-10-2020
10	*** Tuân	Đang xem video Logo - Currency 03, trong bài học Xây dựng giao diện trang chủ,	3 giờ trước 15:20 ngày 22-10-2020

Cảm nhận học viên

Nguyễn Thành Đạt

Nếu bạn đang lăn tăn chưa biết bắt đầu học front-end ở đâu thì hãy đăng ký khóa học này Nội dung rất cơ bản, chi tiết và dễ hiểu Rất đáng để học

Lý Kim Thắng

Khóa học bổ ích cho các bạn mới vào, đặc biệt là các bạn trái ngành, hoàn thành khóa các bạn có thể tạo được trang web động, có thể tương tác tốt bằng jquery. Đặc biệt phần DOM và jquery các thầy dạy rất kĩ, tuy có những kiến thức đã bị loại bỏ hoặc ít dùng trong các phiên bản gần đây nhưng là nền tảng để các bạn tự nghiên cứu các thay đổi mới đó, suy cho cùng cái mới ra đời là để cải thiện cho cái cũ chứ không phải không dùng tới mà bỏ.

Nguyễn Văn Minh Hoàng

Các bạn học viên mới nên đăng ký để có thể học một cách bài bản và khoa học. Nên thực hành sau mỗi video để củng cố kiến thức cho bản thân

NGUYỄN HỒNG SƠN

Mình nhận nội dung bài học của Zend.vn rất chi tiết, có tính logic và thực tiễn cao. Kiến thức của các bài học trước đều được áp dụng cho những bài học sau đó, các ví dụ và phần thực hành trong bài cũng thực tế và dễ hiểu.

Phạm Anh Đức

Học 1 khoá e mê luôn vì rất dễ hiểu và rất chi tiết lên sẽ chia sẻ cho bạn bè biết đến. E chỉ tin tưởng bên zend !!!

Nguyễn Duy Nguyên

Có. Vì nội dung phong phú đa dạng về web lẫn di động, rất chi tiết và phù hợp cho mọi cấp bậc của người học.

Trần Khánh Huy

Học ở Zend mình chủ động được thời gian, bài giảng dễ hiểu và dễ thực hành. Có các bài gắn liền với thực tế.

Nguyễn Văn Nam

Hãy đăng ký học đi và bạn sẽ nhận lại được rất rất nhiều mà chẳng ở đâu có. Mình thề mình hứa mình đảm bảo

Nguyễn Trung Hậu

Khóa học của ZendVn rất tốt và thực tế. Và giảng viên hướng dẫn rất dễ hiểu. Khóa học của ZendVn rất tốt và thực tế. Và giảng viên hướng dẫn rất dễ hiểu.

Vũ Văn Tiền

Muốn học FrontEnd thì hãy tham khảo Sass - GruntJS - Bootstrap và tôi đã học ở ZendVN thì chất lượng kiến thức thu được đầy đủ.

Hoàng Đức Hữu

Không nên: + Bạn có thể bị master chuyên đề, hoặc bị nghiện ngôn ngữ nào đó + Bạn cũng có thể bị mất ngủ vì 1 pixel bị lệch, 1 hàm chạy sai + Cũng không nên vì tài liệu trên ZendVN quá đầy đủ có thể khiến bạn không muốn dùng tài liệu chỗ khác nữa + Chưa hết, lâu lâu lại phải coi livestream chia sẽ kinh nghiệm thực tế của Mr.Lân và Mr. Khánh. Bạn sẽ khó mà dừng xem đó

Phạm Anh Đức

Học 1 khoá e mê luôn vì rất dễ hiểu và rất chi tiết lên sẽ chia sẻ cho bạn bè biết đến. E chỉ tin tưởng bên zend !!! Học 1 khoá e mê luôn vì rất dễ hiểu và rất chi tiết lên sẽ chia sẻ cho bạn bè biết đến. E chỉ tin tưởng bên zend !!! Học 1 khoá e mê luô

Trần Anh Đức

Nếu bạn muốn học lập trình online thì nơi tốt nhất chính là Zendvn. Vì sao? vì nội dung được biên soạn rất kỹ không thiếu phần nào, và được sắp xếp 1 cách khoa học nhất. Vì giảng viên ở đây, là những người đã có kinh nghiệm đi làm nhiều năm, họ dạy những kiến thức thực tế nhất, chứ không phải học xong rồi ra dạy lại những cái trong sách vở mà họ được học. Vì họ luôn sẵn sàng hỗ trợ bạn mọi lúc mọi nơi.

Nguyễn Trung Hậu

Đây là khóa học khá đầy đủ, dễ hiểu về SASS và GruntJS và tính áp dụng vào thực tiễn khá cao. Đây là khóa học khá đầy đủ, dễ hiểu về SASS và GruntJS và tính áp dụng vào thực tiễn khá cao.