Khoá học
FB - Lập trình Front-end với HTML, CSS
4,950,000 VND
8,250,000 VND
Về khoá học
Khóa học phù hợp với các học viên: 🥇 theo hướng lập trình web; 🥈 muốn phát triển tư duy và kỹ năng lập trình giao diện web với HTML và CSS; 🥉 mất căn bản và muốn được học lại một cách bài bản và có hệ thống. Để học tốt khóa học này, học viên cần có kiến thức lập trình cơ bản.
🎯 Chuẩn đầu ra
🔖 Kiến thức
- Học viên có thể tự hệ thống kiến thức HTML, CSS từ cơ bản đến nâng cao.
- Học viên có khả năng vận dụng công nghệ SASS/SCSS và Bootstrap trong dự án thực tế.
- Học viên có thể phát triển một giao diện website từ một design có sẵn.
💻 Kỹ năng
- Học viên có kỹ năng tự học, biết cách tra cứu tài liệu kỹ thuật.
- Học viên có kỹ năng quản lý mã nguồn với Github, biết cách sử dụng VS Code và Figma.
🧠 Tư duy
- Học viên có tư duy làm việc tận tâm, chỉn chu, chuyên nghiệp.
👨🏼🎓 Thành quả của học viên
- Học viên hoàn thành dự án cá nhân 1: Phát triển giao diện website bằng HTML, CSS thuần.
- Học viên trả lời tốt các câu hỏi về HTML, CSS trong cuộc phỏng vấn dành cho Fresher.
Từ khoá
Chương trình học có gì?
Làm quen với HTML
- Học viên biết ý nghĩa của HTML và hiểu các cấu trúc và cú pháp trong HTML.
- Học viên biết cách lựa chọn thẻ phù hợp để làm nội dung cho trang web.
- Học viên lập trình thành thạo với các thẻ HTML thông dụng.
- Học viên biết cách liên kết các file trong một dự án
- Học viên bắt đầu làm Portfolio v1
Emmet HTML
- Học viên vận dụng tốt công cụ hỗ trợ lập trình HTML hiệu quả
HTML Form
- Học viên biết ý nghĩa của HTML và hiểu các cấu trúc và cú pháp trong HTML.
- Học viên biết cách lựa chọn thẻ phù hợp để làm nội dung cho trang web.
- Học viên lập trình thành thạo với các thẻ HTML thông dụng.
SEO cơ bản
- Học viên sử dụng HTML tốt hơn để giúp website thân thiện hơn với các bộ máy tìm kiếm (như google).
Mở rộng thêm về HTML
- Học viên biết các mẹo, kỹ thuật lập trình HTML tối ưu trong thực tế.
Dự án HTML
- Tập trung thực hành để áp dụng các kiến thức HTML đã được học
- GV quan sát và hỗ trợ học viên fix bug, góp ý bài làm cho học viên, giúp học viên phát triển
Làm quen với CSS
- Học viên biết ý nghĩa của CSS, hiểu các khái niệm và cú pháp của CSS
- Học viên biết cách lựa chọn thuộc tính định dạng và các giải pháp layout cho phù hợp.
- Học viên lập trình thành thạo với các thuộc tính CSS cơ bản.
- Học viên biết cách đọc tài liệu trong các CSS documents.
Vùng chọn nâng cao
- Học viên biết nhiều loại selector.
- Học viên biết cách chọn loại selector cho phù hợp với tình huống.
- Học viên hiểu về độ ưu tiên trong CSS, từ đó có khả năng giải quyết các vấn đề về đụng độ thuộc tính CSS.
SASS/SCSS cơ bản
- Học viên hiểu ý nghĩa và các cú pháp cơ bản của SASS/SCSS, giúp viết CSS tối ưu hơn.
- Học viên vận dụng tốt SASS/SCSS trong dự án của mình.
- Học viên biết cách tra cứu tài liệu kỹ thuật
Dự án SCSS cơ bản
- Tập trung thực hành để áp dụng các kiến thức SCSS đã được học
- GV quan sát và hỗ trợ học viên fix bug, góp ý bài làm cho học viên, giúp học viên phát triển
SASS/SCSS nâng cao
- Học viên hiểu ý nghĩa và các cú pháp cơ bản của SASS/SCSS, giúp viết CSS tối ưu hơn.
- Học viên vận dụng tốt SASS/SCSS trong dự án của mình.
- Học viên biết cách tra cứu tài liệu kỹ thuật
Layout 1
- Học viên phân biệt được hai loại element là inline và block và biết các đặc tính của chúng.
- Biết dùng display: inline-block để giải quyết vấn đề.
- Vận dụng tốt flexbox cơ bản để chia bố cục trang web.
Kỹ năng sử dụng VS Code
- Học viên được lắng nghe và chia sẻ nhiều hơn.
- Học viên vận dụng tốt một vài thủ thuật trên VS Code
- Học viên biết thêm về CSS variable để tối ưu code của mình.
Dự án Landing Page Level 1
- Học viên hoàn thành một landing page cấp độ sơ cấp.
- Học viên vận dụng tốt giải pháp chia layout bằng flex.
Layout 2
- Học viên biết thêm các giải pháp layout khác nhau và có khả năng lựa chọn giải pháp phù hợp trong từng tình huống.
- Học viên biết sử dụng BEM để mã nguồn của mình được trình bày tốt hơn.
Responsive
- Vận dụng tốt các đơn vị, thuộc tính trong CSS vào dự án để lập trình giao diện web chạy được trên nhiều thiết bị.
- Biết cách sử dụng Media Query để làm giao diện web responsive
- Biết các chiến thuật xử lý Responsive trong thực tế
Dự án Landing Page Level 2
- Tập trung thực hành để áp dụng các kiến thức về layout đã được học
- GV quan sát và hỗ trợ học viên fix bug, góp ý bài làm cho học viên, giúp học viên phát triển
Từ design đến coding
- Học viên biết khái niệm UI/UX và tầm quan trọng của nó trong Front-end.
- Học viên biết được những yếu tố quan trọng để tạo nên một giao diện đẹp.
- Học viên có thể thao tác cơ bản trên Figma.
- Học viên có thể phân tích giao diện từ bản thiết kế và chọn chiến thuật để lập trình.
Animation
- Hiểu cách hoạt động của các hiệu ứng trên trang web.
- Biết cách sử dụng nhóm các thuộc tính animtion và transition.
- Biết các chiến thuật xử lý Animation trong thực tế.
Dự án Food Page
- Học viên hoàn thành một landing page cấp độ trung cấp.
- Học viên vận dụng tốt HTML, CSS đa giải pháp để hoàn thiện trang web.
Bootstrap
- Học viên hiểu ý nghĩa và các cú pháp cơ bản của Bootstrap, giúp tạo ra một trang web nhanh hơn.
- Học viên biết cách tra cứu tài liệu kỹ thuật
Dự án Bootstrap
- Học viên hiểu ý nghĩa và các cú pháp cơ bản của Bootstrap, giúp tạo ra một trang web nhanh hơn.
- Học viên biết cách tra cứu tài liệu kỹ thuật
Các chủ đề mở rộng
- Học viên có cơ hội phát triển các kỹ năng mềm như nghiên cứu, thuyết trình, viết, ...
- Học viên được mở rộng kiến thức của mình thông qua các hoạt động giao lưu.
Dự án cá nhân
- Học viên phát triển một giao diện web hoàn chỉnh từ mẫu (design / template) có sẵn chỉ với HTML, CSS, JS thuần.
- Học viên thực hiện ngay từ đầu khóa và thuyết trình giới thiệu sản phẩm vào cuối khóa.
- Học viên được giảng viên / trợ giảng huớng dẫn trong suốt quá trình làm và được góp ý bởi hội đồng chuyên môn vào buổi thuyết trình.
Giao diện trang web thời trang: Male Fashion cho phép người dùng tìm kiếm, lọc, chấm điểm sản phẩm. Không dừng lại ở đó, khách hàng còn có thể thêm, chỉnh sửa giỏ hàng và tiến hành mua sản phẩm.
Xem thêmVì sao bạn nên học tại Kmin?
Lớp học hạnh phúc
Phương pháp PIB
Giảng viên chất
Hỗ trợ học viên
Và còn nữa...
🗻 Lộ trình học bài bản, thực tế
Đề cương được thiết kế tinh gọn và thực tế, dựa trên sự nghiên cứu và qua quá trình làm việc để hiểu nhu cầu tuyển dụng của doanh nghiệp. Những gì học được là những điều doanh nghiệp cần.
📲 Làm dự án giả lập
Học viên được rèn luyện kỹ năng làm việc (kỹ năng mềm và kỹ năng chuyên môn) theo quy trình làm việc chuyên nghiệp thông qua các thử thách lập trình và dự án khóa học.
👫 Lớp học như một gia đình
Lớp học chỉ tối đa 10 học viên cùng với giảng viên và các trợ giảng để đảm bảo chất lượng dạy và học. Mọi người xem nhau như một gia đình, cùng giúp đỡ nhau về đích.
Học viên nói gì về Kmin?
Trải qua các khoá học tại Kmin từ cơ bản đến nâng cao, mình tự tin hơn trong việc code cũng như có thêm nhiều động lực để học tập. Cám ơn Kmin và các thầy cô đã hỗ trợ mình rất nhiều
Xuân Yến
ĐH Bách Khoa TP.HCM
Cám ơn thầy Bảo và Kmin, vì đã giúp mình có nhiều động lực để học lập trình hơn. Sẽ ghé lại Kmin tham gia các khoá học nhiều hơn nữa trong tương lai.
Trịnh Trung Trựt
CĐ KT Cao Thắng
Học viên Kmin đang làm việc tại các doanh nghiệp
Đội ngũ giảng viên nhiệt huyết
✓ Nhà sáng lập và điều hành Kmin Academy ✓ Thạc sĩ Khoa học Máy tính ✓ Sinh viên học vượt tốt nghiệp loại giỏi trường Đại học Khoa học Tự nhiên - ĐHQG HCM ✓ Từng là Project Manager tại UNIGWORK, Kmin Technology ✓ Lĩnh vực nghiên cứu và làm việc: Data Science, Front-end, Back-end, Education
Các lớp sắp khai giảng
Lộ trình F1 giúp bạn từ một người chưa biết gì về lập trình trở thành một Front-end Engineer 🥇 có nền tảng tư duy lập trình vững chắc và 🥈 kỹ năng lập trình thành thạo, 🥉 sẵn sàng làm việc ngay tại doanh nghiệp ngay khi tốt nghiệp.
Các câu hỏi thường gặp
Kmin có hỗ trợ tài chính hay chương trình học bổng không?
Kmin hỗ trợ tài chính bằng hình thức trả học phí theo đợt, trả góp học phí bằng thẻ tín dụng. Học bổng khoá học/lộ trình cho các trường hợp đặc biệt (hoàn cảnh khó khăn, hoặc thành tích học tập xuất sắc. Hãy gửi thư đề đạt nguyện vọng cho Kmin qua email: academy@kmin.edu.vn nhé)
Có những hình thức học nào tại Kmin?
Hiện tại Kmin có 3 hình thức học: offline tại cở sở quận 3, học online tại nhà qua zoom với GV, học qua bộ video.
Kmin có hỗ trợ việc làm không?
Kmin hỗ trợ việc làm cho các học viên theo các lộ trình tại Kmin bao gồm: Front-end, Back-end, Fullstack.
Lịch học của Kmin như thế nào?
Lịch học của Kmin thường diễn ra vào buổi tối các ngày trong tuần và ban ngày thứ 7, chủ nhật. Thời lượng của mỗi buổi học tuỳ hình thức học sẽ kéo dài từ 2-2.5h
Kmin cấp chứng chỉ như thế nào?
Các khoá học tại Kmin đều được đạt chứng nhận và hồ sơ năng lực khi đạt các tiêu chí của khoá học.
Liên hệ
Copyright by Kmin Academy