Tạo ít nhất 03 website responsive show với nhà tuyển dụng.
Tự mình xây dựng thành công từ 2 đến 3 responsive website.
Bắt đầu công việc lập trình viên Front End level từ Junior.
Kỹ năng thành thạo HTML, CSS & đặc biệt là Javascript.
Thành thạo VUE.js – tạo sự khác biệt đ/v nhà tuyển dụng.
Ai nên tham gia
Đây là khóa học dành cho các bạn mới bắt đầu học lập trình:
Các bạn chưa từng học lập trình và muốn nhập môn
Các anh chị từ ngành nghề khác, chưa từng lập trình
Các bạn học IT cần ôn lại kiến thức cơ bản về lập trình
Nội dung
PHẦN I: LẬP TRÌNH HTML 5 & CSS 3 CƠ BẢN
Được Genetic mua bản quyền từ khóa học Best Seller “Responsive Web Design Essentials – HTML5 CSS3 Bootstrap” từ Udemy với 03 modules lớn. Học viên được yêu cầu xây dựng một responsive “Metro style” homepage trên desktop và mobile:
01
HTML cơ bản, bao gồm các tags quan trọng
02
Tạo titles, paragraphs, containers, lists
03
Thêm links & images
04
Tất cả về Tables
05
Forms trong HTML, bao gồm HTML5 semantic input fields
06
Cấu trúc tài liệu HTML.
07
Cơ bản về CSS, & tại sao chúng ta nên dùng
08
Chọn lựa các thành phần (elements with CSS)
09
Các dạng The Box Model
10
Sử dụng floating elements để tạo responsive pages
11
Style hóa lists, fonts & tables
PHẦN II: LẬP TRÌNH HƯỚNG ĐỐI TƯỢNG VỚI JAVASCRIPT
OOP Javascript thì khác, không như Java, chúng ta cần phải áp dụng một vài thủ thuật để thực hiện các đặc tính Encapsulation & Inheritance. Do đó khi học xong OOP trong Java, học viên sẽ chuyển đổi rất nhanh sang Javascript.
01
Objects, Variables, Arrays
02
Functions và methods, Loops
03
Mouse Events
PHẦN III: THIẾT KẾ RESPONSIVE MỘT WEBSITE
Học viên xây dựng không chỉ 01 mà đến 03 website để nhuần nhuyễn kỹ năng chính này!!! Đồng thời học viên cũng học kỹ về Bootstrap qua dự án 4.
01
Tương thích: the user’s screen size & platform
02
Hiểu được sự khác nhau front-end & back-end pages
03
Tạo trang profile photos, work, & skills using CSS flex
04
Tích hợp a contact form vào website sử dụng Google Forms
05
Tích hợp widgets, data, & company metrics into a back-end dashboard sử dụng a CSS grid
06
Add HTML5 semantic form fields (i.e. “number”, “date”, etc.) and validation attributes (i.e. “required”, “min”, “max”, etc.)
07
Project 1: Xây dựng Restaurant Website (20 bài thực hành)
08
Project 2: Xây dựng Bike Repair Website (45 bài thực hành)
09
Project 3: Xây dựng Portfolio Wesbite (19 bài thực hành)
10
Project 4: Bootstrap Yoghurt Website (28 bài thực hành)
PHẦN IV: MASTER VUE
Chương trình gốc “Vue – The Complete Guide (w/ Router, Vuex, Composition API)” Udemy, một khóa học Best Seller:
01
Basics & Core Concepts – DOM Interation with VUE (26 bài)
02
Rendering Conditional Content & List (11 bài)
03
Project 5: Game The Monster Slayer (9 bài thực hành)
04
VUE: behind the scenes (bản chất của VUE)
05
VUE components (6 bài)
06
Chuẩn bị và cài đặt môi trường phát triển – sử dụng workflow với VUE CLI (14 bài)
07
Component Communication (17 bài)
08
Diving Deeper Into Components (18 bài)
09
Project 6: The Learning Resources App (14 bài thực hành)
