- 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.
- Bài 1 - Type group 1 video1
Full video
- Bài 2 - Background group 1 video1
Full video
- Bài 3 - Block group 1 video1
Full video
- Bài 4 - Border group 1 video1
Full video
- Bài 5 - Box group 2 video1
Phần 01
2Phần 02
- Bài 6 - List group 1 video1
Full video
- Bài 7 - Position group 6 video1
Position group 01
2Position group 02
3Lightbox
4Slide ảnh 01
5Slide ảnh 02
6Position difficut
- Bài 1 - Khái niệm selector 1 video1
Full video
- Bài 2 - Sử dụng selector trong định dạng CSS 3 video1
Phần 01
2Phần 02
3Phần 03
- Bài 1 - Xây dựng giao diện mẫu cho button 3 video1
Button 01
2Button 02
3Button 03
- Bài 2 - Xây dựng giao diện mẫu cho box 13 video1
Box A - Box B
2Box C - Box D
3Box A - Box B (title)
4Box C - Box D (title)
5Box E - Box F (title)
6Box A - Box B (cirle)
7Box C (cirle)
8Box D (cirle)
9Box A (cirle - title)
10Box B (cirle - title)
11Box C - Box D (cirle - title)
12Box E (cirle - title)
13Box F (cirle - 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 video1
Các khái niệm
2Biến
3Kiểu dữ liệu
4Hàm
- Bài 2 - Toán tử trong Javascript 2 video1
Phần 01
2Phần 02
- Bài 3 - Phát biểu điều kiện 2 video1
Phát biểu điều kiện
2Xác định kiểu dữ liệu
- Bài 4 - Vòng lặp trong Javascript 4 video1
for
2while
3do - while, break va continue
4Bài tập
- Bài 5 - JS Error 1 video1
Full video
- Bài 1 - JS Number 4 video1
Giới thiệu
2Properties
3Methods
4Bài tập
- Bài 2 - JS Array 5 video1
Properties
2Methods 01
3Methods 02
4Methods 03
5Exercises
- Bài 3 - JS String 6 video1
Properties
2Methods 01
3Methods 02
4Methods 03
5HTML Wrapper
6Exercises
- Bài 4 - JS Math 2 video1
Properties & Methods
2Exercise
- Bài 5 - JS Boolean 1 video1
Full video
- Bài 6 - JS Date 3 video1
Properties
2Methods 01
3Methods 02
- Bài 7 - JS RegExp 7 video1
Regular Expression 01
2Regular Expression 02
3Regular Expression 03
4Modifiers
5Properties & Methods
6Exercise 01
7Exercise 02
- Bài 8 - JS Global 2 video1
Global Obj 01
2Global Obj 02
- Bài 9 - Lập trình hướng đối tượng trong JS 3 video1
Phần 01
2Phần 02
3Phầ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 17 video1
getElementByID 01
2getElementByID 02
3getElementByTagName
4getElementByClassName
5getElementByClassName
6Thuộc tính Attribute
7Thuộc tính childNodes
8firstNode - lastNode
9parentNode
10hasChildNode - appendChild
11nodeType - nodeValue
12cloneNode
13Bài tập
14Giải bài tập 1 - P1
15Giải bài tập 1 - P2
16Giải bài tập 2
17Giải bài tập 3 - 4
- Bài 2 - CharacterData - Text 1 video1
Full video
- Bài 3 - Element 2 video1
Full video
2Fix on IE7
- 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 6 video1
XML
2XSL 01
3XSL 02
4Xpath 01
5Xpath 02
6Xpath 03
- 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 video1
Giới thiệu jQuery
2jQuery basic 01
3jQuery basic 02
4jQuery basic 03
- Bài 2 - Utilities 10 video1
Containsmethod
2Eachmethod
3Extendmothed
4globalEvalmethod
5Grepmethod
6inArraymethod
7Checkmethods
8makeArray&mapmethods
9Othermethods01
10Othermethods02
- Bài 3 - Selector 13 video1
Basic 01
2Basic 02
3Hierarchy
4Basic Filters
5Content Filters
6Visibility Filters
7Attribute
8Child Filters 01
9Child Filters 02
10Form 01
11Form 02
12Form 03
13Form 04
- Bài 4 - Traversing 6 video1
Filtering 01
2Filtering 02
3Filtering 03
4Tree 01
5Tree 02
6Mics
- Bài 5 - Attributes & CSS 7 video1
Atrribute 01
2Atrribute 02
3CSS 01
4CSS 02
5Dimensions
6Offset 01
7Offset 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
- Bài 1 - Mở đầu 1 video1
Full video
- Bài 2 - Giới thiệu Node.js 1 video1
Full video
- Bài 3 - Giới thiệu NPM 1 video1
Full video
- Bài 4 - Tìm hiểu Package Socket.io 2 video1
Socket P1
2Socket P2
- Bài 5 - Tìm hiểu Package MySql 3 video1
Part 1
2Part 2
3Part 3
- Bài 6 - Xây dựng ứng dụng chat 16 video1
Demo
2Xây dựng cấu trúc ứng dụng
3Login - Logout - Part 01
4Login - Logout - Part 02
5Login - Logout - Part 03
6Chat room - Part 01
7Chat room - Part 02
8Chat friend - Part 01
9Chat friend - Part 02
10Chat friend - Part 03
11Chat friend - Part 04
12Chat friend - Part 05
13Chat friend - Part 06
14Chat friend - Part 07
15Chat friend - Part 08
16Chat friend - Part 09
Video Demo:
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 | Nguyễn ***** Nhẫn | Đang xem video Phần 01 | 15 phút trước 10:26 ngày 11-08-2020 |
| 2 | Nguyễn ***** Huy | Đang xem video Hierarchy | 58 phút trước 09:43 ngày 11-08-2020 |
| 3 | Đinh ***** Nam | Đang xem video Global Obj 02 | 1 giờ trước 08:58 ngày 11-08-2020 |
| 4 | Đinh ***** Nam | Đang xem video Global Obj 01 | 1 giờ trước 08:52 ngày 11-08-2020 |
| 5 | Nguyễn ***** Huy | Đang xem video Basic 02 | 2 giờ trước 08:28 ngày 11-08-2020 |
| 6 | Nguyễn ***** Minh | Đang xem video Đóng, mở cửa sổ P2 | 2 giờ trước 08:24 ngày 11-08-2020 |
| 7 | Nguyễn ***** Huy | Đang xem video Basic 01 | 3 giờ trước 07:17 ngày 11-08-2020 |
| 8 | Nguyễn ***** Linh | Đang xem video jQuery basic 02 | 10 giờ trước 00:25 ngày 11-08-2020 |
| 9 | Nguyễn ***** Linh | Đang xem video Đóng, mở cửa sổ P1 | 10 giờ trước 00:19 ngày 11-08-2020 |
| 10 | Nguyễn ***** Linh | Đang xem video JavaScript Popup Boxers | 10 giờ trước 00:19 ngày 11-08-2020 |
Cảm nhận học viên
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 đó
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.
Bạn muốn học Offline
Học lập trình 1 kèm 1
GIỚI THIỆU
Công Ty Cổ Phần Lập Trình Zend Việt Nam
Mã số thuế: 0314390745
Tầng 5, Tòa nhà Songdo, 62A Phạm Ngọc Thạch, Phường 6, Quận 3, TP. Hồ Chí Minh
Giấy phép đăng ký kinh doanh số 0314390745 do Sở Kế hoạch và Đầu tư Thành phố Hồ Chí Minh cấp ngày 09/05/2017
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ỏ.