Kỳ 1: Code For Everyone

Tổng quan

HTML là nền tảng của tất cả các trang web. Nếu không có HTML, bạn sẽ không thể sắp xếp văn bản hoặc thêm hình ảnh hoặc video vào các trang web của mình. HTML là sự khởi đầu của mọi thứ bạn cần biết để tạo ra các trang web hấp dẫn. Trong khi đó với CSS, bạn có thể thêm màu sắc và hình ảnh nền cũng như thay đổi bố cục của trang - các trang web của bạn có thể giống như những tác phẩm nghệ thuật. Và cuối cùng là JavaScript, một trong những ngôn ngữ lập trình mạnh mẽ và linh hoạt nhất của web. Nó giúp người dùng tương tác trực tiếp trên hầu hết các trang web như Tiki, Shopee, Facebook,...

Học viên sẽ học qua các kiến thức xoay quanh HTML, CSS, JavaScript (JS) và cách xây dựng một Website có tính tương tác cơ bản. Mục tiêu để học viên làm quen với tư duy lập trình qua JavaScript và hiểu được cách thiết kế một trang Web có tính thẩm mỹ cao.

Mục tiêu

  • Bạn sẽ tìm hiểu tất cả các thẻ HTML phổ biến được sử dụng để cấu trúc các trang HTML, khung xương của tất cả các trang web. Bạn cũng sẽ có thể tạo các bảng HTML để trình bày dữ liệu dạng bảng một cách hiệu quả

  • Bạn sẽ học được cách căn chỉnh bố cục, màu sắc, văn bản và tùy chỉnh giao diện của các trang web để phù hợp với mọi nhu cầu của mình.

  • Bạn sẽ học các nguyên tắc cơ bản về lập trình và các khái niệm hướng đối tượng cơ bản bằng cách sử dụng cú pháp JavaScript mới nhất. Các khái niệm được đề cập trong các bài học này đặt nền tảng cho việc sử dụng JavaScript trong bất kỳ môi trường nào.

Điều kiện đầu vào

  • Khả năng đọc hiểu tài liệu bằng tiếng Anh ở mức cơ bản.

  • Tư duy logic ở mức khá (có bài test IQ đầu vào)

  • Có đam mê, hứng thú với công nghệ

  • Sử dụng máy tính thành thạo, kỹ năng tin học văn phòng

  • Đảm bảo thời gian học mỗi ngày (trên lớp và về nhà)

Tiêu chuẩn đầu ra

  • Hoàn thành Final Project theo cá nhân hoặc nhóm (recommended)

  • Final Project: dự án website áp dụng những kiến thức HTML, CSS, JavaScript, có request API hiện thị dữ liệu mẫu có sẵn

2 tháng - 16 buổi học, 2 buổi/tuần, 3h/buổi

Công nghệ

HTML, CSS và JavaScript ES6

Bài học
Lecture (Lý thuyết)
Thực hành

1

Orientation Day Khai giảng khoá học, giới thiệu về mục tiêu, yêu cầu, cơ hội việc làm sau cả lộ trình

2

HTML Basic Giới thiệu về cấu trúc cơ bản trong HTML, các loại thẻ văn bản và media cũng như thuộc tính của nó Học tạo bảng và form thông tin người dùng bằng table và form trong HTML

Practice Thực hành về kiến thức đã học

3

CSS Basic: Syntax and Selectors Giới thiệu về CSS, ngôn ngữ thiết kế giao diện cho trang web

Practice Thực hành về kiến thức đã học

4

CSS: The Box Model & Position Tìm hiểu về cú pháp CSS, khái niệm selectors và Box Model để căn chỉnh CSS cho các thành phần trong HTML

Practice- Homework CSS typo and color để chỉnh văn bản và màu sắc cho các HTML element

5

CSS: display & layout Căn chỉnh bố cục trang web trở nên đẹp mắt và hài hoà hơn bằng các thuộc tính CSS như display, positioning

Practice Thực hành về kiến thức đã học

6

CSS Responsive Giao diện trang web trên các thiết bị màn hình khác nhau

Pitch Final Project Idea

7

JS Introduction: console.log, variables, data types, operators Giới thiệu về JavaScript, các khái niệm cơ bản về biến, kiểu dữ liệu, toán tử và các phương pháp toán học trong ngôn ngữ lập trình này

Practice

Homework: Math method

8

JS Control Flow Câu điều kiện và các phép so sánh biến, kiểu dữ liệu trong JavaScript. Vòng lặp

Practice

9

JS: array & object Mảng và Object

Homework: arrays method để xử lý arrays

10

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

Giới thiệu và cài đặt NodeJS, chạy code trong môi trường Nodejs qua TerminalPractice

11

Local Storage vs Session Storage

Practice

12

ES6

Building Interactive JavaScript Websites

13

Bootstrap

Final Project

14

External Resource

Final Project

15

Deployment - Final Project

16

DEMO - Đánh giá từ Doanh Nghiệp (PM/PO hoặc UX/UI) >> trải nghiệm người dùng, tư duy sản phẩm

WORKSHOP DOANH NGHIỆP

Doanh nghiệp tham gia Workshop: Tư duy thiết kế (Design Thinking/UI/UX) trong lập trình Web/App

Last updated

Was this helpful?