Nội dung chính trong khóa học
Khóa học lập trình Frontend phù hợp với các bạn muốn theo con đường lập trình web, cho dù bạn lựa chọn theo mảng Frontend hay Backend thì kiến thức trong khóa học này là điều bắt buộc bạn phải có. Sau khi tham gia khóa học sẽ có được nền tảng vững chắc về HTML CSS, Javascript, jQuery, Bootstrap, Flexbox, Responsive.
Đối tượng phù hợp tham gia chương trình học này
- Các bạn sinh viên muốn tiếp cận với ngành lập trình Web một cách bài bản.
- Các bạn muốn theo đuổi mảng Frontend hoặc Backend, đặc biệt là mảng Frontend
- Các bạn đang đi làm trái ngành, có hứng thú với lập trình và muốn học để chuyển ngành.
- Các bạn đã có kiến thức về Frontend (tự học, học qua trung tâm, khóa học online khác, ...) nhưng chưa vững, chưa có sản phẩm thực tế, cần thực hành, tiếp cận nhiều với dự án thực tế, muốn có sản phẩm riêng của chính mình
Hình thức học
- Kết hợp cả hai hình thức học Online và Offline.
- Học Online là hình thức được tặng kèm các khoá học online có liên quan với chương trình hiện tại trên hệ thống ZendVN. Học viên sẽ xem trước lý thuyết tại nhà thông qua video bài giảng quay sẵn trước khi tới lớp.
- Trong buổi Offline tại lớp sẽ ôn tập, đào sâu, và thực hành với các dự án kèm các tình huống thực tế để nâng cao và khắc sâu kiến thức. Tận dụng tối đa và hiệu quả thời gian học offline tại lớp cùng giảng viên
Kết quả đạt được sau khi tham gia khóa học
- Có tư duy lập trình cốt lõi của một người Front End Developer.
- Có khả năng xây dựng và phân tích dự án Front End từ bước nhận file thiết kế, ước lượng thời gian hoàn thành đến bước hiện thực giao diện bằng các công nghệ đã học.
- Nắm cực chắc các kiến thức nền tảng và hoàn toàn có khả năng rút ngắn thời gian học thêm các công nghệ mới (React, Vue, Angular, …).
- Rèn luyện và có khả năng tra cứu thông tin, đọc tài liệu liên quan tới Front End.
- Được tiếp cận và học hỏi với nhiều kỹ thuật hay và khó từ giảng viên thông qua các dự án thực tế.
- Thành thạo và nắm chắc kiến thức về Javascript, jQuery, Bootstrap, Sass
- Tự xây dựng được giao diện các trang Website đáp ứng nhu cầu doanh nghiệp
- Tự xây dựng được website sử dụng API được backend cung cấp sẵn, hoặc sử dụng các API miễn phí
Các kiến thức khác được hướng dẫn
- Được chia sẻ và định hướng từ giảng viên có rất nhiều kinh nghiệm thực tế.
- Luôn cập nhật kiến thức và tư duy lập trình mới nhất tính tới thời điểm hiện tại phù hợp với mong muốn tuyển dụng của doanh nghiệp hiện nay.
- Rèn luyện tư duy giải quyết vấn đề và tự tra cứu tài liệu.
- Tư vấn viết CV và kinh nghiệm phỏng vấn.
Cam kết trong khóa học
- Giới hạn chỉ 10 học viên / 1 lớp, cầm tay chỉ việc từng học viên, đảm bảo học viên được kèm cặp sát và nắm kiến thức tại mỗi buổi học
- Hạn chế học lý thuyết, tăng thực hành thực tế: Học viên được cấp các video để học lý thuyết khi ở nhà, vào lớp học viên sẽ làm các bài tập thực tế và mở rộng
- Học viên được hướng dẫn cách tư duy giải quyết bài toán, đọc nghiên cứu tài liệu, tìm kiếm trên Google
- Học viên được cấp giấy chứng nhận hoàn thành khóa học, giấy xác nhận thực tập doanh nghiệp do Công ty Lập trình Zend Việt Nam cấp
LỘ TRÌNH HỌC
ZendVN liệt kê chi tiết lộ trình học và kết quả học trong 24 buổi
Buổi 01
Định hướng, giới thiệu nội dung và phương pháp học tập
Cài đặt môi trường học: phần mềm, công cụ hỗ trợ
GIT & Github trong quản lý mã nguồn
HTML các thẻ thông dụng và phân nhóm thẻ HTML
Bài tập thực hành sử dụng thẻ HTML
Buổi 02
CSS các kiểu định dạng và độ ưu tiên
Các thuộc tính CSS của nhóm Type, Background, Block, Border
Box-sizing những vấn đề bạn chưa biết
CSS Variables
Bài tập thực hành
Buổi 03
Các thuộc tính CSS của nhóm List, Position
Sử dụng selector trong CSS
Sử dụng các function cơ bản trong CSS
Position nâng cao trong thực tế
Bài tập thực hành
Buổi 04
Toàn tập cách sử dụng Flexbox
Bài tập thực hành Banner, Menu, Images Gallery
Bài tập thực hành Blog Posts
Bài tập thực hành Mobile App
Buổi 05
Xây dựng responsive Với Media
Xây dựng responsive Với Grid system
Bài tập thực hành
Buổi 06
Làm quen Bootstrap
Tích hợp và sử dụng bootstrap css, bootstrap component
Bài tập thực hành
Buổi 07
Sử dụng SASS trong định dạng giao diện
Bài tập thực hành Button
Bài tập thực hành Danh sách hình ảnh
Bài tập thực hành Lưới & media
Buổi 08
Chuyển đổi Template PSD sử dụng SASS, GruntJS & Bootstrap - Phần 1
Các kỹ thuật và kinh nghiệm làm việc thực tế
Buổi 09
Chuyển đổi Template PSD sử dụng SASS, GruntJS & Bootstrap - Phần 2
Các kỹ thuật và kinh nghiệm làm việc thực tế
Buổi 10
Chuyển đổi Template Figma sử dụng SASS, Gulp & Bootstrap - Phần 1
Các kỹ thuật và kinh nghiệm làm việc thực tế
Buổi 11
Chuyển đổi Template Figma sử dụng SASS, Gulp & Bootstrap - Phần 2
Các kỹ thuật và kinh nghiệm làm việc thực tế
Buổi 12
Javascript cơ bản: toán tử, condition, loop
Javascript thao tác với String và Array
Javascript cơ bản và các đối tượng thường dùng
Bài tập thực hành và rèn luyện tư duy
Buổi 13
Sử dụng regular expression trong Javascript
Xây dựng ứng dụng sử dụng Javascript trong thực tế: chiều cao elements trong layout, detect browser, highlight search, ....
Buổi 14
Các bài tập nâng cao Javascript DOM & BOM
Bài tập ứng dụng JS Timing
Regex trong các ứng dựng thường dùng
Sử dụng Localstorage để tối ưu trải nghiệm website
Buổi 15
Javascsript nâng cao
Xây dựng ứng dụng TodoList với nhiều chức năng: sắp xếp, tìm kiếm, search highlight, ....
Các vấn đề về Event Delegation trong Javascript
Buổi 16
JavaScript ES6 và các kỹ thuật JS hiện đại
Áp dụng mô hình MVC vào ứng dụng TodoList - Phần 1
Buổi 17
Áp dụng mô hình MVC vào ứng dụng TodoList - Phần 2
Tư duy phân tích và viết mã tối ưu
Buổi 18
Các bài tập jQuery trong thực tế
Xây dựng ứng dụng Reading
Xây dựng game tìm số bí mật
Các kỹ thuật khi làm việc với jQuery
Buổi 19
Các bài tập nâng cao jQuery trong thực tế
Tìm hiểu và custom các thư viện jQuery hay dùng: tag, tab, autocomplete, selectbox, slider, ... để đáp ứng các yêu cầu sử dụng trong thực tế
Buổi 20
Các bài tập nâng cao jQuery trong thực tế
Các tình huống sử dụng jQuery Ajax
Thực hành tổ chức dữ liệu dạng Json trong xử lý Form nhập liệu.
Buổi 21
Xây dựng website tin tức tổng hợp khai thác API
(Javascript jQUery)
Buổi 22
Lập trình TypeScript từ cơ bản đến nâng cao
Project Shopping cart
Buổi 23
Xây dựng web video youtube tổng hợp khai thác API (TypeScript)
Buổi 24
Học viên demo các project cuối khóa
Các kiến thức mở rộng khi đi làm, làm việc nhóm, nhận và xử lý task
Kinh nghiệm phỏng vấn, CV xin việc hấp dẫn nhà tuyển dụng
Nghiên cứu và lộ trình mở rộng
Sản phẩm Demo
Các sản phẩm chính được hướng dẫn và các project cuối khóa được xây dựng bởi các bạn học viên tham gia khóa học.
ĐIỂM KHÁC BIỆT
Điểm khác biệt và lợi ích khi tham gia khóa học Offline tại ZendVN.com, áp dụng cho các khóa học khai giảng sau ngày 07/07/2022.
Hỗ trợ hệ thống học Online
Học viên được cấp tài khoản để học video lý thuyết ở nhà, trên lớp thực hành, học các kiến thức nâng cao và làm các bài tập mở rộng
Cầm tay chỉ việc
10 học viên / lớp, đảm bảo học viên được kèm cặp sát và nắm kiến thức ngay tại mỗi buổi học. Học viên được review code và hướng dẫn tối ưu code
Hỗ trợ 24/7
Ngoài hỗ trợ trực tiếp ở lớp học, học viên được hỗ trợ từ Giảng Viên ngay tại group Zalo của lớp trong suốt chương trình học
Project và thực hành thực tế
Học viên được hướng dẫn xây dựng các chức năng thực tế trong từng buổi học, không học lý thuyết suông, có sản phẩm của chính mình
Hỗ trợ học lại miễn phí
Học viên tham gia trên 80% số buổi nhưng cảm thấy chưa tự tin, chưa vững về kiến thức sẽ được học lại miễn phí vào khóa học kế
Hỗ trợ học phí
ZendVN hỗ trợ rất nhiều hình thức ưu đãi học phí cho học sinh sinh viên, học viên cũ và các bạn đăng ký nhóm
Chia sẻ cuối khóa học
Buổi tổng kết khóa học (cafe, tiệc nhẹ) để giảng viên và học viên có những chia sẻ, định hướng nghề nghiệp cùng nhau
Cộng đồng học viên
Học viên được tham gia nhóm cộng đồng học viên Offline tại ZendVN, nơi kết nối và chia sẻ kiến thức, việc làm, tuyển dụng
CẢM NHẬN CỦA HỌC VIÊN VỀ KHÓA HỌC
KHÓA HỌC ONLINE ĐƯỢC TẶNG KÈM
Các khóa học online được tặng kèm giúp học viên xem trước các video khi đến lớp, tồn tại mãi mãi trong tài khoản học viên, tận dụng tối đa thời gian trên lớp để thực hành, tương tác cùng giảng viên.
Lập trình Frontend Master
Xây dựng giao diện web với SASS, GruntJS và Bootstrap
Sử dụng Flexbox trong xây dựng giao diện web
Lập trình TypeScript
650 Videos
135 Giờ
130 Phút
Chương 01: Html Và Css
Bài 01 - Các Thẻ Html Thông Dụng
Bài 02 - Khái Niệm Khối Và Cách Chuyển Đổi Khối
Bài 03 - Định Dạng Và Độ Ưu Tiên
Chương 02: Phân Nhóm Định Dạng
Bài 01 - Type Group
Bài 02 - Background Group
Bài 03 - Block Group
Bài 04 - Border Group
Bài 05 - Box Group
Bài 06 - List Group
Bài 07 - Position Group
Chương 03: Selector Là Gì
Bài 01 - Khái Niệm Selector
Bài 02 - Sử Dụng Selector Trong Định Dạng Css
Chương 04: Xây Dựng Giao Diện Mẫu Cho Button, Box Và Menu
Bài 01 - Xây Dựng Giao Diện Mẫu Cho Button
Bài 02 - Xây Dựng Giao Diện Mẫu Cho Box
Bài 03 - Xây Dựng Giao Diện Mẫu Cho Tab
Bài 04 - Xây Dựng Giao Diện Mẫu Cho Menu
Chương 05: Thực Hành Cắt Và Chuyển Template Sang Html & Css
Bài 01 - Xây Dựng Giao Diện Trang Chủ
Bài 02 - Xây Dựng Giao Diện Trang Danh Mục Loại Sản Phẩm
Bài 03 - Xây Dựng Giao Diện Trang Chi Tiết Sản Phẩm
Bài 04 - Xây Dựng Giao Diện Trang Faq
Bài 05 - Xây Dựng Giao Diện Trang About
Bài 06 - Xây Dựng Giao Diện Trang Liên Hệ
Chương 06: Javascript Căn Bản
Bài 01 - Làm Quen Với Javascript
Bài 02 - Toán Tử Trong Javascript
Bài 03 - Phát Biểu Điều Kiện
Bài 04 - Vòng Lặp Trong Javascript
Bài 05 - Js Error
Chương 07: Đối Tượng Trong Javascript
Bài 01 - Js Number
Bài 02 - Js Array
Bài 03 - Js String
Bài 04 - Js Math
Bài 05 - Js Boolean
Bài 06 - Js Date
Bài 07 - Js Regexp
Bài 08 - Js Global
Bài 09 - Lập Trình Hướng Đối Tượng Trong Js
Chương 08: Bom
Bài 01 - Js Window
Bài 02 - Js Navigator
Bài 03 - Js Screen
Bài 04 - Js History
Bài 05 - Js Location
Bài 06 - Js Cookies
Chương 09: Dom
Bài 01 - Node
Bài 02 - Characterdata - Text
Bài 03 - Element
Bài 04 - Document
Bài 05 - Cssstyledeclaration
Bài 06 - Htmlelement
Bài 07 - Htmldocument
Bài 08 - Events
Chương 10: Javascript & Xml
Bài 01 - Xml Basic
Bài 02 - Xml Javascript
Bài 03 - Xml & Php
Bài 04 - Json - Js - Php
Chương 11: Jquery Toàn Tập
Bài 01 - Jquery Basic
Bài 02 - Utilities
Bài 03 - Selector
Bài 04 - Traversing
Bài 05 - Attributes & Css
Bài 06 - Maniplutation
Bài 07 - Effects
Bài 08 - Ajax
Bài 09 - Core
Bài 10 - Events
Bài 11 - Tạo Jquery Plugin
Chương 12: Xây Dựng Các Ứng Dụng Với Jquery
Bài 01 - Ứng Dụng 1
Bài 02 - Ứng Dụng 2
Bài 03 - Ứng Dụng 3
Bài 04 - Ứng Dụng 4
Bài 05 - Ứng Dụng 5
Chương 13: Bootstrap
Bài 01 - Responsive Design
Bài 02 - Hello Bootstrap
Bài 03 - Bootstrap Css
Bài 04 - Bootstrap Component
Bài 05 - Bootstrap Javascript
Bài 06 - Bootstrap Exercise
Bài 07 - Xây Dựng Responsive Web Design
Phần 1: Những Điều Cần Biết
Bài 01 - Giới Thiệu Khóa Học
Bài 02 - Nội Dung Và Cách Học
Bài 03 - Kiến Thức Cần Chuẩn Bị
Bài 04 - Sử Dụng Tài Nguyên Trong Khóa Học
Bài 05 - Hệ Thống Kiến Thức
Phần 2: Sass Từ A Đến Y
Bài 01 - Sass - Who Are You ?
Bài 02 - Sass - Set Up Enviroments
Bài 03 - Css Extensions
Bài 04 - Variable & Data Type
Bài 05 - Control Directive & Expressions
Bài 06 - Function
Bài 07 - @-Rules And Directives
Bài 08 - Mixins
Bài 09 - Xây Dựng Giao Diện Button
Bài 10 - Xây Dựng Giao Diện Danh Sách Hình Ảnh
Bài 11 - Xây Dựng Giao Diện Lưới & Media
Bài 12 - Hệ Thống Kiến Thức
Phần 3: Sử Dụng Gruntjs Và Các Plugin Thông Dụng
Bài 01 - Gruntjs - Who Are You ?
Bài 02 - Gruntjs - Set Up Enviroments
Bài 03 - Plugin Minify Css
Bài 04 - Plugin Concat
Bài 05 - Plugin Uglify
Bài 06 - Plugin Sass
Bài 07 - Plugin Watch
Bài 08 - Plugin Connect
Bài 09 - Plugin Includes
Bài 10 - Hệ Thống Kiến Thức
Phần 4: Convert Template Psd Use Sass, Gruntjs & Bootstrap 3
Bài 01 - Demo Và Chức Năng
Bài 02 - Xây Dựng Cấu Trúc Project
Bài 03 - Xây Dựng Giao Diện Header
Bài 04 - Xây Dựng Giao Diện Breadcrumb
Bài 05 - Xây Dựng Giao Diện Article
Bài 06 - Xây Dựng Giao Diện Widget Tag
Bài 07 - Xây Dựng Giao Diện Widget Ads
Bài 08 - Xây Dựng Giao Diện Footer Top
Bài 09 - Xây Dựng Giao Diện Footer Bottom
Bài 10 - Publish & Minify
Bài 11 - Validator
Bài 12 - Pagespeed Tools
Bài 13 - Exercise
Bài 14 - Hệ Thống Kiến Thức
Phần 5: Bonus
Bài 01 - Include Media
Bài 02 - Sass Compass
Bài 03 - Đánh Giá & Quà Tặng
Flexbox
Bài 01 - Intro & Setup
Bài 02 - Flex Container
Bài 03 - Flex Items
Bài 04 - Exercises
Cài Đặt Môi Trường Lập Trình
Bài 01 - Giới Thiệu Khóa Học
Bài 02 - Sử Dụng Mã Nguồn Và Tài Nguyên Trong Khóa Học
Bài 03 - Cài Đặt Và Sử Dụng Editor Sublimetext
Bài 04 - Thủ Thuật
Bài 05 - Hệ Thống Kiến Thức
Ecmascript
Bài 01 - Es6 Những Điều Cần Biết
Bài 02 - Variable - Template String - Spread - Destructing
Bài 03 - Function
Bài 04 - Arrow Function
Bài 05 - Enhanced
Bài 06 - Oop
Bài 07 - Hệ Thống Kiến Thức
Ngôn Ngữ Typescript
Bài 01 - Xin Chào Typescript
Bài 02 - Chương Trình Typescript Đầu Tiên
Bài 03 - Variable & Data Type
Bài 04 - Functions
Bài 05 - Oop
Bài 06 - Generic
Bài 07 - Module & Namepace
Bài 08 - Hệ Thống Kiến Thức
Xây Dựng Ứng Dụng Shopping Cart
Bài 01 - Yêu Cầu Ứng Dụng Shopping Cart
Bài 02 - Xây Dựng Bố Cục Giao Diện Cho Ứng Dụng
Bài 03 - Xây Dựng Cấu Trúc Thư Mục Và Tạo Giao Diện Với Bootstrap
Bài 04 - Demo Ứng Dụng Shopping Cart
Bài 05 - Xây Dựng Class Và Interface Cần Thiết
Bài 06 - Xây Dựng Chức Năng Hiển Thị Sản Phẩm
Bài 07 - Xây Dựng Chức Năng Add Sản Phẩm Vào Giỏ Hàng
Bài 08 - Xây Dựng Chức Năng Update Số Lượng Sản Phẩm
Bài 09 - Xây Dựng Chức Năng Delete Sản Phẩm
Bài 10 - Kỹ Thuật Tối Ưu Mã Nguồn
Bài 11 - Publish Project Shopping Cart
Project Thực Hành
Bài 01 - Exercise: Xây Dựng Ứng Dụng Todolist
Bài 02 - Exercise: Xây Dựng Game Batte Ship
Bài 03 - Tổng Kết Khóa Học
ĐĂNG KÝ
Do giới hạn số lượng học viên chỉ 8 bạn / 1 lớp, để hoàn tất đăng ký giữ chỗ các bạn vui lòng hoàn thiện 2 bước hướng dẫn bên dưới
Hỗ trợ sau khóa học
Sau khi hoàn thành khóa học, học viên sẽ được ZendVN cấy giấy xác nhận hoàn thành khóa học, xác nhận thực tập, hỗ trợ viết CV, kết nối doanh nghiệp và tham gia câu lạc bộ học viên đang đi làm
Xác nhận hoàn thành khóa học
Học viên tham gia trên 80% số buổi học có thành tích học tập tốt, sẽ được cấp giấy chứng nhận hoàn thành khóa học do công ty Lập trình Zend Việt Nam cấp
Xác nhận thực tập doanh nghiệp
Học viên tham gia xây dựng project cuối khóa, chuyên cần trong học tập sẽ được cấp giấy xác nhận thực tập tại công ty Lập trình Zend Việt Nam
CV & Việc làm
Hỗ trợ học viên xây dựng CV, chia sẻ kinh nghiệm phỏng vấn, kết nối việc làm với doanh nghiệp, tham gia câu lạc bộ học viên đã đi làm
ĐỊA CHỈ HỌC
Số 01, Khối A1, Tòa nhà Đạt Gia, 43 Đường Cây Keo, Tam Phú, Thủ Đức, Hồ Chí Minh
HÌNH ẢNH LỚP HỌC
Trong suốt quá trình học tại lớp, giảng viên và học viên sẽ cùng thảo luận, phân tích, thực hành các tình huống và bài tập thực tế
Tư vấn khóa học
Bạn sẽ được tư vấn trực tiếp từ anh Hải Lân về việc chọn khóa học và lộ trình phù hợp với mình nhất
0905 744 470Liên hệ ZaloLiên hệ Facebook
GIỚI THIỆU
Công Ty Cổ Phần Lập Trình Zend Việt Nam - Mã số thuế: 0314390745
Văn phòng: Tầng 5, Tòa nhà Songdo, 62A Phạm Ngọc Thạch, Phường Võ Thị Sáu, Quận 3, Thành phố Hồ Chí Minh
Địa điểm học: Số 01, Khối A1, Toà nhà Đạt Gia, 43 Đường Cây Keo, Tam Phú, Thủ Đức, 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