NỘI DUNG
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.
dàn bài
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.
- Bài 1 - Các thẻ HTML thông dụng 1 video1Free
Full video
- Bài 2 - Khái niệm khối và cách chuyển đổi khối 1 video1Free
Full video
- Bài 3 - Định dạng và độ ưu tiên 1 video1Free
Full video
- Bài 1 - Type group 1 video1Free
Full video
- Bài 2 - Background group 1 video1Free
Full video
- Bài 3 - Block group 1 video1Free
Full video
- Bài 4 - Border group 1 video1Free
Full video
- Bài 5 - Box group 2 video1Free
Phần 01
2FreePhần 02
- Bài 6 - List group 1 video1Free
Full video
- Bài 7 - Position group 6 video1Free
Position group 01
2FreePosition group 02
3FreeLightbox
4FreeSlide ảnh 01
5FreeSlide ảnh 02
6FreePosition difficut
- Bài 1 - Khái niệm selector 1 video1Free
Full video
- Bài 2 - Sử dụng selector trong định dạng CSS 3 video1Free
Phần 01
2FreePhần 02
3FreePhần 03
- Bài 1 - Xây dựng giao diện mẫu cho button 2 video1
Button 01
2Button 02
- Bài 2 - Xây dựng giao diện mẫu cho box 5 video1
Box A - Box B
2Box C - Box D
3Box A - Box B (title)
4Box C - Box D (title)
5Box E - Box F (title)
- Bài 3 - Xây dựng giao diện mẫu cho tab 4 video1
Tab 01
2Tab 02
3Tab 03
4Tab 04
- Bài 4 - Xây dựng giao diện mẫu cho menu 3 video1
Menu 01
2Menu 02
3Menu 03
- Bài 1 - Xây dựng giao diện trang chủ 14 video1
Logo - Currency 01
2Logo - Currency 02
3Logo - Currency 03
4Menu
5Logo - Search - Slide 01
6Logo - Search - Slide 02
7Logo - Search - Slide 03
8Special product
9List products
10Categories - Banner
11Slide products
12Copyright 01
13Copyright 02
14Copyright 03
- Bài 2 - Xây dựng giao diện trang danh mục loại sản phẩm 3 video1
Category 01
2Category 02
3Category 03
- Bài 3 - Xây dựng giao diện trang chi tiết sản phẩm 4 video1
Detail 01
2Detail 02
3Detail 03
4Detail 04
- Bài 4 - Xây dựng giao diện trang FAQ 1 video1
Full video
- Bài 5 - Xây dựng giao diện trang about 1 video1
Full video
- Bài 6 - Xây dựng giao diện trang liên hệ 4 video1
Phần 01
2Phần 02
3Phần 03
4Phần 04
- Bài 1 - Làm quen với Javascript 4 video1Free
Các khái niệm
2FreeBiến
3FreeKiểu dữ liệu
4FreeHàm
- Bài 2 - Toán tử trong Javascript 2 video1Free
Phần 01
2FreePhần 02
- Bài 3 - Phát biểu điều kiện 2 video1Free
Phát biểu điều kiện
2FreeXác định kiểu dữ liệu
- Bài 4 - Vòng lặp trong Javascript 4 video1Free
for
2Freewhile
3Freedo - while, break va continue
4FreeBài tập
- Bài 5 - JS Error 1 video1Free
Full video
- Bài 1 - JS Number 4 video1Free
Giới thiệu
2FreeProperties
3FreeMethods
4FreeBài tập
- Bài 2 - JS Array 5 video1Free
Properties
2FreeMethods 01
3FreeMethods 02
4FreeMethods 03
5FreeExercises
- Bài 3 - JS String 6 video1Free
Properties
2FreeMethods 01
3FreeMethods 02
4FreeMethods 03
5FreeHTML Wrapper
6FreeExercises
- Bài 4 - JS Math 2 video1Free
Properties & Methods
2FreeExercise
- Bài 5 - JS Boolean 1 video1Free
Full video
- Bài 6 - JS Date 3 video1Free
Properties
2FreeMethods 01
3FreeMethods 02
- Bài 7 - JS RegExp 7 video1Free
Regular Expression 01
2FreeRegular Expression 02
3FreeRegular Expression 03
4FreeModifiers
5FreeProperties & Methods
6FreeExercise 01
7FreeExercise 02
- Bài 8 - JS Global 2 video1Free
Global Obj 01
2FreeGlobal Obj 02
- Bài 9 - Lập trình hướng đối tượng trong JS 3 video1Free
Phần 01
2FreePhần 02
3FreePhần 03
- Bài 1 - JS Window 12 video1
JavaScript Popup Boxers
2Đóng, mở cửa sổ P1
3Đóng, mở cửa sổ P2
4Đóng, mở cửa sổ P3
5JS Timing P1
6JS Timing P2
7JS Timing P3
8Move
9Resize
10Scroll P1
11Scroll P2
12Window relationshop
- Bài 2 - JS Navigator 2 video1
Properties & Methods
2Exercise
- Bài 3 - JS Screen 1 video1
Full video
- Bài 4 - JS History 1 video1
Full video
- Bài 5 - JS Location 2 video1
Cài đặt Xampp
2JS Location
- Bài 6 - JS Cookies 3 video1
JS Cookies P1
2JS Cookies P2
3Exercise
- Bài 1 - Node 13 video1
getElementByID 01
2getElementByID 02
3getElementByTagName
4getElementByClassName
5Thuộc tính Attribute
6Thuộc tính childNodes
7firstNode - lastNode
8parentNode
9hasChildNode - appendChild
10nodeType - nodeValue
11cloneNode
12Giải bài tập 2
13Giải bài tập 3 - 4
- Bài 2 - CharacterData - Text 1 video1
Full video
- Bài 3 - Element 1 video1
Full video
- Bài 4 - Document 1 video1
Full video
- Bài 5 - CSSStyleDeclaration 4 video1
Phần 1
2Phần 2
3Phần 3
4Phần 4
- Bài 6 - HTMLElement 11 video1
Phần 01
2Phần 02
3Phần 03
4Phần 04
5Phần 05
6Phần 06
7Phần 07
8Phần 08
9Phần 09
10Phần 10
11Phần 11
- Bài 7 - HTMLDocument 3 video1
Phần 01
2Phần 02
3Phần 03
- Bài 8 - Events 31 video1
Phần 01
2Phần 02
3Phần 03
4Phần 04
5Phần 05
6Bài tập
7Giải bài tập 1 - P01
8Giải bài tập 1 - P02
9Giải bài tập 1 - P03
10Giải bài tập 1 - P04
11Giải bài tập 1 - P05
12Giải bài tập 1 - P06
13Giải bài tập 1 - P07
14Giải bài tập 1 - P08
15Giải bài tập 2 - P01
16Giải bài tập 2 - P02
17Giải bài tập 2 - P03
18Giải bài tập 2 - P04
19Giải bài tập 2 - P05
20Giải bài tập 3 - P01
21Giải bài tập 3 - P02
22Keyboard event 01
23Keyboard event 02
24Keyboard event 03
25Object event 01
26Object event 02
27Form event 01
28Form event 02
29Form event 03
30Form event 04
31Form event 05
- Bài 1 - XML Basic 5 video1Free
XML
2FreeXSL 01
3FreeXSL 02
4FreeXpath 01
5FreeXpath 02
- Bài 2 - XML JavaScript 10 video1
Ajax load
2XMLHttpRequest 01
3XMLHttpRequest 02
4XMLHttpRequest 03
5Convert XML
6Read nodes 01
7Read nodes 02
8Read nodes 03
9Read nodes 04
10Read nodes 05
- Bài 3 - XML & PHP 3 video1
SimpleXML 01
2SimpleXML 02
3SimpleXML 03
- Bài 4 - JSON - JS - PHP 3 video1
Phần 01
2Phần 02
3Phần 03
- Bài 1 - jQuery basic 4 video1Free
Giới thiệu jQuery
2FreejQuery basic 01
3FreejQuery basic 02
4FreejQuery basic 03
- Bài 2 - Utilities 10 video1Free
Containsmethod
2FreeEachmethod
3FreeExtendmothed
4FreeglobalEvalmethod
5FreeGrepmethod
6FreeinArraymethod
7FreeCheckmethods
8FreemakeArray&mapmethods
9FreeOthermethods01
10FreeOthermethods02
- Bài 3 - Selector 13 video1Free
Basic 01
2FreeBasic 02
3FreeHierarchy
4FreeBasic Filters
5FreeContent Filters
6FreeVisibility Filters
7FreeAttribute
8FreeChild Filters 01
9FreeChild Filters 02
10FreeForm 01
11FreeForm 02
12FreeForm 03
13FreeForm 04
- Bài 4 - Traversing 6 video1Free
Filtering 01
2FreeFiltering 02
3FreeFiltering 03
4FreeTree 01
5FreeTree 02
6FreeMics
- Bài 5 - Attributes & CSS 7 video1Free
Atrribute 01
2FreeAtrribute 02
3FreeCSS 01
4FreeCSS 02
5FreeDimensions
6FreeOffset 01
7FreeOffset 02
- Bài 6 - Maniplutation 8 video1
Copying
2Around
3DOM Inside 01
4DOM Inside 02
5DOM Outside 01
6DOM Outside 02
7Removal
8Replacement
- Bài 7 - Effects 9 video1
Basics
2Fading
3Custom 01
4Custom 02
5Custom 03
6Custom 04
7Custom 05
8Custom 06
9Sliding
- Bài 8 - Ajax 11 video1
Shorthand - Load
2Shorthand - get
3Shorthand - post 01
4Shorthand - post 02
5Shorthand - getJSon - getScript
6Helper- param
7Visibility Filters
8Low-Level 01
9Low-Level 02
10Low-Level 03
11Global methods
- Bài 9 - Core 8 video1
Callback Object 01
2Callback Object 02
3Deferred Object 01
4Deferred Object 02
5Deferred Object 03
6When method
7DOM Element
8Internals
- Bài 10 - Events 12 video1
Browser events
2Form event 01
3Form event 02
4Keyboard event
5Mouse event
6Event Object
7Event Handler Attachment 01
8Event Handler Attachment 02
9On & Off method
10Trigger
11Namespace
12Custom event
- Bài 11 - Tạo jQuery plugin 5 video1
ZoomIt plugin 01
2ZoomIt plugin 02
3SimpleSlide plugin 01
4SimpleSlide plugin 02
5SimpleSlide plugin 03
- Bài 1 - Ứng dụng 1 3 video1
Tooltip 001
2Tooltip 002
3Tooltip 003
- Bài 2 - Ứng dụng 2 5 video1
Selectbox 01
2Selectbox 02
3Selectbox 03
4Selectbox 04
5Selectbox 05
- Bài 3 - Ứng dụng 3 6 video1
Autocomplete 01
2Autocomplete 02
3Autocomplete 03
4Autocomplete 04
5Autocomplete 05
6Autocomplete 06
- Bài 4 - Ứng dụng 4 8 video1
Paging 01
2Paging 02
3Paging 03
4Paging 04
5Paging 05
6Paging 06
7Paging 07
8Paging 08
- Bài 5 - Ứng dụng 5 16 video1
Phần 01
2Phần 02
3Phần 03
4Phần 04
5Phần 05
6Phần 06
7Phần 07
8Phần 08
9Phần 09
10Phần 10
11Phần 11
12Phần 12
13Phần 13
14Phần 14
15Phần 15
16Phần 16
- Bài 1 - Responsive design 4 video1
Part 01
2Part 02
3Part 03
4Part 04
- Bài 2 - Hello Bootstrap 1 video1
Full video
- Bài 3 - Bootstrap CSS 11 video1
Grid system P1
2Grid system P2
3Grid system P3
4Less CSS
5Typography
6Table 01
7Table 02
8Button
9Form 01
10Form 02
11Images, Helper, Responsive
- Bài 4 - Bootstrap Component 6 video1
Glyphicons - Dropdowns - Button groups
2Button dropdowns - Input groups
3Navs - Navbar
4Breadcrumbs - Pagination - Labels - Badges - Jumbotron
5Thumbnail - Alerts - Progress bars - Media object
6List group - Panels
- Bài 5 - Bootstrap JavaScript 6 video1
Modal
2Dropdown - Scrollspy
3Tab
4Tooltip - Popover
5Alert - Collapse
6Carousel
- Bài 6 - Bootstrap Exercise 6 video1
Exercise 01
2Exercise 02
3Exercise 03
4Exercise 04 - P1
5Exercise 04 - P2
6Exercise 05
- Bài 7 - Xây dựng Responsive web design 10 video1
Navigation 01
2Navigation 02
3Navigation 03
4Navigation 04
5Carousel
6What we do 1
7What we do 2
8Our Recent Work - Banner
9Footer
10Publish
Video Demo:
Giảng viên
Hải Lân & Vũ Khánh
Kinh nghiệm công tác
- Quản lý đào tạo tại ZendVN
- Vị trí đã từng đảm nhiệm: Developer, Teamleader, Project manager, Training manager
- Công việc hiện nay: Training manager & Project manager tại ZendVN
Thông tin liên hệ
- Facebook: https://www.facebook.com/luutruonghailan
- Phone: 0383 308 983
- Youtube Lập trình: https://www.youtube.com/user/luutruonghailan
- Youtube Chia sẻ cho lập trình viên: https://www.youtube.com/user/zendvn123
Cảm nhận học viên
Lý Kim Thắng
Để lại cảm nhận vào ngày 11-07-2020
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ỏ.
Hoàng Đức Hữu
Để lại cảm nhận vào ngày 11-01-2020
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
Để lại cảm nhận vào ngày 11-01-2020
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
Để lại cảm nhận vào ngày 05-01-2020
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.
Lịch sử học tập
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 | *** Long | Đang xem video Đóng, mở cửa sổ P1, trong bài học JS Window, | 24 phút trước 17:31 ngày 24-07-2021 |
| 2 | *** Bảo | Đang xem video JavaScript Popup Boxers, trong bài học JS Window, | 1 giờ trước 16:52 ngày 24-07-2021 |
| 3 | *** Quyền | Đang xem video Exercise, trong bài học JS Cookies, | 1 giờ trước 16:14 ngày 24-07-2021 |
| 4 | *** Quyền | Đang xem video JS Cookies P2, trong bài học JS Cookies, | 1 giờ trước 16:14 ngày 24-07-2021 |
| 5 | *** Bảo | Đang xem video Phần 03, trong bài học Lập trình hướng đối tượng trong JS, | 1 giờ trước 16:13 ngày 24-07-2021 |
| 6 | *** Bảo | Đang xem video Phần 02, trong bài học Lập trình hướng đối tượng trong JS, | 1 giờ trước 15:57 ngày 24-07-2021 |
| 7 | *** Bảo | Đang xem video Phần 01, trong bài học Lập trình hướng đối tượng trong JS, | 2 giờ trước 15:41 ngày 24-07-2021 |
| 8 | *** Nghĩa | Đang xem video Giải bài tập 2 - P01, trong bài học Events, | 2 giờ trước 15:29 ngày 24-07-2021 |
| 9 | *** Bảo | Đang xem video Global Obj 02, trong bài học JS Global, | 2 giờ trước 15:25 ngày 24-07-2021 |
| 10 | *** Quyền | Đang xem video JS Cookies P1, trong bài học JS Cookies, | 2 giờ trước 15:15 ngày 24-07-2021 |
Nhóm khóa học
Học online 1 kèm 1
Bạn có thể tham gia khóa học này với nội dung nâng cao, kết hợp sự kèm cặp tương tác trực tiếp từ giảng viên và mentor
Xem khóa họcHọc Offline ở Hồ Chí Minh
Nếu bạn đang ở Hồ Chí Minh bạn có thể tham gia khóa học Offline để
tương tác và nhận được sự hổ trợ, chăm sóc từ ZendVN
Dương Thành Nam
Để lại cảm nhận vào ngày 19-07-2021
Rất chi tiết và dễ hiểu, đáng tiền mua