Lập trình Website

KỲ HỌC 1 - CODE FOR FUTURE

Buổi 1 - 2: Tổng quan khóa học, giới thiệu về HTML

• Giới thiệu mục tiêu, yêu cầu, nội dung khóa học
• Tìm hiểu cấu trúc cơ bản trong HTML, các loại thẻ văn bản, media…
• Hướng dẫn tạo bảng và form thông tin người dùng.

Buổi 3-4: Học về CSS - ngôn ngữ thiết kế giao diện cho trang web

• Tìm hiểu cú pháp CSS, selectors và Box Model để căn chỉnh CSS cho các thành phần trong HTML.  
• Căn chỉnh bố cục trang web bằng các thuộc tính CSS như display, positioning

Buổi 5: Thiết kế trang web đơn giản

• Xây dựng 1 trang web đơn giản và học về Git, Github để lưu trữ code, xuất bản trang web hoàn toàn miễn phí

Buổi 6-9: Tìm hiểu các kiến thức về JavaScript

• Các khái niệm cơ bản về biến, kiểu dữ liệu, toán tử, các phương pháp toán học trong JS. 
• Câu điều kiện và các phép so sánh biến, kiểu dữ liệu. 
• Học về hàm, scope, xử lý các bài toán cơ bản với array và vòng lặp.
• Học các kỹ thuật nâng cao về object và arrays

Buổi 10-11: Tìm hiểu về HTML DOM, DOM Element Attributes, DOM event

• Khái niệm Document Object Model, DOM Tree và các tác động đến nội dung, giao diện trang web bằng JavaScript và DOM
• Xây dựng các tính năng như Click button trên giao diện trang web để thay đổi nội dung và bố cục.

Buổi 12-13: Tìm hiểu về JS ES6 

• Tìm hiểu các tính năng: classes, modules, promises, request API

Buổi 14-18

• Hackathon hoàn thiện dự án cuối khóa
• Thuyết trình bảo vệ dự án cuối khóa

KỲ HỌC 2 - CODE INTENSIVE

 Tổng quan khóa học:

• Học viên sẽ được khám phá sự phát triển của front-end và đặc biệt là React. 
• Xây dựng các ứng dụng web bằng React dựa trên nền tảng kiến thức về JavaScript ES6. 
• Tiếp cận những khái niệm cơ bản của React như JSX, components hay học qua các kiến thức về React router trong việc phát triển một Single Page App (SPA) hay xử lý Form control. 
• Bên cạnh đó học viên sẽ tìm hiểu về API và fetch API, sử dụng CSS Design để thiết kế giao diện cũng như sử dụng Redux để xử lý luồng dữ liệu.

Chương trình học:

Buổi 1: Tổng quan khóa học, review ES6

• Giới thiệu khóa học
• Ôn tập lại kiến thức về JavaScript ES6

Buổi 2-4: Tìm hiểu về React

• Giới thiệu về React, các cú pháp, components và xây dựng giao diện trang Web cơ bản bằng React
• Tìm hiểu về những kiểu component trong React và khái niệm Router để xây dựng Single Page Applications (SPAs)
• Giới thiệu về cách style CSS cơ bản trong React, sử dụng SASS framework trong React thay thế cho CSS

Buổi 5: Thiết kế giao diện website 

• Thiết kế và xây dựng giao diện cho trang web hoàn chỉnh

Buổi 6: Tìm hiểu về React Hook

• Làm quen với React Hooks trong việc tối ưu hoá các components trở nên gọn hơn, giảm số lượng code và đặt state ngay trong các function components

Buổi 7: Tìm hiểu về Event form 

• Xử lý form trong React, thực hiện làm Survey Form để khảo sát thông tin người dùng

Buổi 8: Tìm hiểu kỹ thuật Lifting State Up 

• Xử lý tình trạng update dữ liệu song song của các component bằng Lifting State. Thực hành xây dựng game Tic Tac Toc

Buổi 9-10: Tìm hiểu về Redux

• Quản lý tập trung luồng dữ liệu dễ dàng hơn với Redux, các khái niệm cơ bản của Redux.
• Nguyên lý vận hành của Redux trong dự án React

Buổi 11-18

• Hackathon hoàn thiện dự án cuối khóa
• Thuyết trình bảo vệ dự án cuối khóa