Lập trình Frontend cơ bản
Khám phá lộ trình học tập toàn diện được thiết kế giúp học viên nâng cao tư duy, kỹ năng giải quyết bài toán và lập trình thành thạo.
Giới thiệu khóa học
Khóa học Lập trình Frontend cơ bản trang bị cho học viên nền tảng lập trình thuật toán bài bản và chuyên sâu với ngôn ngữ lập trình mạnh mẽ. Phù hợp cho học sinh định hướng thi học sinh giỏi, Tin học trẻ Bảng B/C hoặc phát triển phần mềm lâu dài.
Nội dung chính tập trung vào:
- Cú pháp ngôn ngữ chuẩn hóa và tư duy giải quyết bài toán thuật toán.
- Tối ưu hóa thời gian chạy và dung lượng bộ nhớ của chương trình.
- Thực hành lập trình trực tuyến trên hệ thống chấm bài tự động (Online Judge) phản hồi tức thì.
Giảng viên phụ trách
Thầy Phan Tuấn Kiệt
• 20+ năm kinh nghiệm giảng dạy Tin học văn phòng
• Chuyên môn: Đào tạo Scratch cơ bản - nâng cao - luyện thi, Python cơ bản - nâng cao - luyện thi, C++ - nâng cao - luyện thi...
Lộ trình chi tiết
Chương 1: Thiết kế giao diện với HTML5 & CSS3
Học cấu trúc thẻ HTML5 cơ bản và trang trí phông chữ, màu sắc bằng CSS3.Bài 1 - Tổng quan về Web, giao thức HTTP/HTTPS và cài đặt công cụ VS Code Miễn phí
Bài giảng chi tiết về Bài 1: Tổng quan về Web, giao thức HTTP/HTTPS và cài đặt công cụ VS Code.
Bài 2 - Cấu trúc cơ bản của trang HTML5 và các thẻ định dạng văn bản thông dụng Miễn phí
Bài giảng chi tiết về Bài 2: Cấu trúc cơ bản của trang HTML5 và các thẻ định dạng văn bản thông dụng.
Bài 3 - Hướng dẫn chèn hình ảnh, tạo liên kết và xây dựng danh sách trong HTML5 Miễn phí
Bài giảng chi tiết về Bài 3: Hướng dẫn chèn hình ảnh, tạo liên kết và xây dựng danh sách trong HTML5.
Bài 4 - Giới thiệu về CSS3, cú pháp cơ bản và các phương pháp nhúng CSS vào HTML Miễn phí
Bài giảng chi tiết về Bài 4: Giới thiệu về CSS3, cú pháp cơ bản và các phương pháp nhúng CSS vào HTML.
Bài 5 - Làm chủ mô hình hộp Box Model - Quản lý Margin, Padding, Border và Kích thước ô Miễn phí
Bài giảng chi tiết về Bài 5: Làm chủ mô hình hộp Box Model - Quản lý Margin, Padding, Border và Kích thước ô.
Bài 6 - Định dạng màu sắc, hình nền và nghệ thuật xử lý phông chữ Typography trong CSS3 Miễn phí
Bài giảng chi tiết về Bài 6: Định dạng màu sắc, hình nền và nghệ thuật xử lý phông chữ Typography trong CSS3.
Chương 2: Bố cục Layout & Responsive
Thiết lập lưới Grid, Flexbox và lập trình giao diện thích ứng đa kích thước màn hình.Bài 7 - Thiết lập bố cục giao diện Layout hiện đại với công cụ CSS Flexbox Miễn phí
Bài giảng chi tiết về Bài 7: Thiết lập bố cục giao diện Layout hiện đại với công cụ CSS Flexbox.
Bài 8 - Xây dựng lưới giao diện đa chiều mạnh mẽ với hệ thống CSS Grid Miễn phí
Bài giảng chi tiết về Bài 8: Xây dựng lưới giao diện đa chiều mạnh mẽ với hệ thống CSS Grid.
Bài 9 - Kỹ thuật thiết kế giao diện Responsive tương thích mọi màn hình với Media Queries Miễn phí
Bài giảng chi tiết về Bài 9: Kỹ thuật thiết kế giao diện Responsive tương thích mọi màn hình với Media Queries.
Bài 10 - Ôn tập và Kiểm tra thực hành xây dựng trang Landing Page cá nhân bằng HTML5 & CSS3 Miễn phí
Bài giảng chi tiết về Bài 10: Ôn tập và Kiểm tra thực hành xây dựng trang Landing Page cá nhân bằng HTML5 & CSS3.
Chương 3: Tư duy lập trình Javascript
Tìm hiểu ngôn ngữ lập trình, cú pháp cơ bản JS và cấu trúc vòng lặp điều kiện.Bài 11 - Giới thiệu Javascript, cách viết câu lệnh đầu tiên và nhúng mã JS vào HTML Miễn phí
Bài giảng chi tiết về Bài 11: Giới thiệu Javascript, cách viết câu lệnh đầu tiên và nhúng mã JS vào HTML.
Bài 12 - Làm quen với khai báo biến, hằng số và các kiểu dữ liệu cơ bản trong Javascript Miễn phí
Bài giảng chi tiết về Bài 12: Làm quen với khai báo biến, hằng số và các kiểu dữ liệu cơ bản trong Javascript.
Bài 13 - Cấu trúc rẽ nhánh điều kiện If-Else và các loại vòng lặp For, While trong JS Miễn phí
Bài giảng chi tiết về Bài 13: Cấu trúc rẽ nhánh điều kiện If-Else và các loại vòng lặp For, While trong JS.
Bài 14 - Hướng dẫn định nghĩa, gọi hàm (Functions) và quản lý phạm vi hoạt động của biến Miễn phí
Bài giảng chi tiết về Bài 14: Hướng dẫn định nghĩa, gọi hàm (Functions) và quản lý phạm vi hoạt động của biến.
Bài 15 - Thao tác và quản lý dữ liệu mảng (Array) cùng các hàm xử lý mảng thông dụng Miễn phí
Bài giảng chi tiết về Bài 15: Thao tác và quản lý dữ liệu mảng (Array) cùng các hàm xử lý mảng thông dụng.
Chương 4: Tương tác DOM & Framework Bootstrap
Lập trình tương ứng sự kiện, DOM động và ứng dụng framework Bootstrap 5.Bài 16 - Làm chủ Document Object Model (DOM) - Truy xuất và chỉnh sửa phần tử HTML động Miễn phí
Bài giảng chi tiết về Bài 16: Làm chủ Document Object Model (DOM) - Truy xuất và chỉnh sửa phần tử HTML động.
Bài 17 - Lập trình sự kiện (Events) - Lắng nghe click chuột và nhập liệu từ bàn phím Miễn phí
Bài giảng chi tiết về Bài 17: Lập trình sự kiện (Events) - Lắng nghe click chuột và nhập liệu từ bàn phím.
Bài 18 - Giới thiệu framework CSS Bootstrap 5 và hệ thống lưới Grid System chia cột nhanh Miễn phí
Bài giảng chi tiết về Bài 18: Giới thiệu framework CSS Bootstrap 5 và hệ thống lưới Grid System chia cột nhanh.
Bài 19 - Tích hợp các component Bootstrap 5 (Navbar, Card, Modal, Carousel) vào giao diện Miễn phí
Bài giảng chi tiết về Bài 19: Tích hợp các component Bootstrap 5 (Navbar, Card, Modal, Carousel) vào giao diện.
Bài 20 - Ôn tập và Kiểm tra thực hành xây dựng trang Portfolio tương tác động tổng hợp Miễn phí
Bài giảng chi tiết về Bài 20: Ôn tập và Kiểm tra thực hành xây dựng trang Portfolio tương tác động tổng hợp.
Kết quả đạt được sau khóa học
- Dựng cấu trúc trang HTML5 và định dạng phong cách giao diện chuyên nghiệp bằng CSS3.
- Thiết lập bố cục đa chiều hiện đại bằng CSS Flexbox & CSS Grid, thiết kế tương thích Responsive đa thiết bị.
- Làm chủ lập trình JavaScript cơ bản, tương tác DOM động, xử lý sự kiện và ứng dụng UI Framework Bootstrap 5.
Đối tượng phù hợp
Độ tuổi & Trình độ
Khóa học được thiết kế tối ưu cho đối tượng Học sinh & Người đi làm, trình độ Cơ bản.
🏆 Chứng nhận số iKH EDU
Hoàn thành 100% bài học và thử thách để nhận chứng nhận điện tử có mã xác thực.
Mẫu chứng nhận hoàn thành khóa học
CHỨNG NHẬN