Level 1: HTML5 / CSS3 / Web Responsive / SASS / Github / Bootstrap

GIỚI THIỆU KHÓA HỌC

Khóa học lập trình Frontend Level 1 là chọn bộ các khóa học về Frontend với các công nghệ cập nhật mới nhất hiện nay dành cho những người chưa có gốc rễ về lập trình, người mới bắt đầu tìm hiểu về lập trình nhưng chưa biết bắt đầu từ đâu, dễ dàng học tập, dễ dàng thao tác trên các công cụ lập trình. Khóa học sẽ dạy chi tiết chuyên sâu về Frontend với các câu hỏi tại sao phải học? Học để làm gì? Và học như thế nào. Từ đó để học viên định hướng rõ hơn về cách học, tư duy học. Từ đó giúp học viên có định hướng và sẽ hứng thú hơn trong việc học tập. Học lập trình Frontend chưa bao giờ dễ đến vậy tại Fedu. Bạn muốn học lập trình web một cách bài bản?

Bạn muốn trải nghiệm kiến thức chuẩn quốc tế với các phần mềm thông dụng nhất hiện nay? Bạn muốn tìm các khoá học đáp ứng đầy đủ yêu cầu trên? Bạn muốn tạo ra một giao diện website theo phong cách của riêng mình?

Khoá học “Lập trình web front-end với Bootstrap 4, Jquery, CSS3, HTML5, Web Responsive, SASS, GitHub” của Fedu là dành cho bạn. Khoá học của chúng tôi không chỉ cung cấp hệ thống đầy đủ các kiến thức cần thiết và bổ ích mà còn cho học viên có cơ hội trải nghiệm và áp dụng vào 10 dự án thức tế được chọn lọc như kenh14, vnexpress, docbao,…

Sau khóa học học viên có thể:

Thành thạo các kiến thức về HTML5 một trong những ngôn ngữ mới nhất dùng cho hầu hết các website hiện đại thời nay.

Bạn có thể code được những website tương thích trên mọi trình duyệt web Cách thiết kế Responsive tích hợp cho mọi màn hình thiết bị từ Ipad, Iphone, Desktop,… Giúp cho trải nghiệm người dùng được tốt hơn.

Hiểu được các khái niệm chuyên ngành, bản chất và cấu trúc của Bootstrap.

Cách sử dụng công cụ Chrome developer tool trong thiết kế web hiện đại Cắt được giao diện website theo chuẩn Bootstrap.

Cách sử dụng thư viện jQuery kết hợp với Bootstrap trong việc làm các Carousel ảnh, hiệu ứng cuộn chuột, hiệu ứng chuyển động Cách sử dụng CSS3 kết hợp.

Bootstrap để thao tác với các hiệu ứng trong thiết kế phẳng.

Cách tư duy theo hướng Bootstrap để clone lại các website dùng cho các mục đích khác nhau.

Cắt giao diện website từ photoshop ra HTML sử dụng Bootstrap.

So sánh 2 định dạng phổ biến SASS và SCSS

Tính năng chính của SASS: sử dụng biến, tính năng xếp chồng, sử dụng lại code, viết pseudo class nhanh và tính toán.

HTML và SASS cho phần top của website Xử lý jquery và viết SASS cho phần menu

Viết SASS cho giao diện responsive: desktop, mobile

Xử lý slide và hiệu ứng chuyển động bằng sử dụng pseudo after và đổ màu gradient trực tiếp trong chrome.

Sử dụng GIT&GITHUB lưu trữ file làm việc, dự án phát triển và host website thế nào?

Sử dụng GIT&GITHUB trong việc tạo website demo và trực tuyến để sử dụng khi phát triển Front end, phát triển phần mềm với khách hàng hoặc team developer

Sử dụng GIT&GITHUB trong việc tạo ra một website cá nhân trực tuyến với tên miền tùy chọn và miễn phí thế nào?

Học cách nhúng facebook vào trong trang github thế nào?

Đối tượng mục tiêu:

Những người mới bắt đầu tìm hiểu về lập trình.

Người có đam mê lập trình nhưng chưa biết phải học từ đâu.

Những bạn sinh viên ngành công nghệ thông tin muốn chuyên sâu về lập trình web.

Yêu cầu khóa học:

Vì đây là khóa học từ cơ bản nhất nên bạn rất dễ dàng học tập, bạn chỉ cần có máy tính, cài đặt các phần mềm mà thầy đã hướng dẫn trong bài giảng để bắt đầu học tập.

Ngoài ra máy tính của bạn cần có kết nối Internet để thuận lợi cho việc học tập.

Phần 1 : Giới thiệu và các phần mềm cần thiết

Thông tin về group support trong quá trình học và phần mềm sử dụng
File đính kèm
Giới thiệu khóa học (12:04)
Cài đặt 2 phần mềm cần thiết (13:41)
Lưu ý về cài đặt phần mềm bootstrap 4

Phần 2 : Các kiến thức cơ bản

Giới thiệu các thẻ html cần thiết cho cắt web.mp4 (15:38)
Ba cách đưa CSS vào website (10:10)
Các thuộc tính CSS cơ bản (09:43)
File đính kèm bài tập

Phần 3 : Học cách cắt web qua từng bài tập

Áp dụng các thuộc tính đã học chữa bài 2- kenh14.vn – Tập 1 (09:59)
Áp dụng các thuộc tính đã học chữa bài 2- kenh14.vn – Tập 2 (08:32)
Giới thiệu Class và ID (14:25)
Luyện tập CSS cơ bản với Class và ID – TẬP 1 (08:11)
Luyện tập CSS cơ bản với Class và ID – TẬP 2 (08:33)
Luyện tập CSS cơ bản với Class và ID – TẬP 3 (10:58)
Load font bất kì thế nào (09:35)
Sử dụng font icon và hiệu ứng hover thế nào (16:42)
Chữa bài 4 megafun – Tập 1 (10:01)
Chữa bài 4 megafun – Tập 2 (15:48)
Chữa bài 5 icon vnexpress (07:38)
Chữa bài docbao.vn – Tập 1 (09:58)
Chữa bài docbao.vn – Tập 2 (09:41)
Chữa bài docbao.vn – Tập 3 (10:22)
Chữa bài vietnamnet.vn – Tập 1 (08:32)
Chữa bài vietnamnet.vn – Tập 2 (09:10)
Chữa bài Marry.vn – Tập 1 (09:40)
Chữa bài Marry.vn – Tập 2 (07:28)
Chữa bài Marry.vn – Tập 3 (26:22)
Chữa bài Marry.vn – Tập 4 (10:56)
Chữa bài Giadinh.net (30:17)
Chữa bài Saga.vn – Tập 1 (21:09)
Chữa bài Saga.vn – Tập 2. (07:32)

Phần 1: Giới thiệu khóa học

Giới thiệu khóa học (09:17)
Khái niệm cơ bản (05:01)
Cài đặt GIT va GITHUB (06:10)
Tạo tên miền và kho lưu trữ cho project (05:14)

Phần 2: Thực hành các lệnh cơ bản trong git

Upload website lên kho lưu trữ thế nào (16:10)
Sửa file trên github thế nào (07:59)
Thêm file trong git thế nào (05:38)
Cách lấy file từ github về máy (05:35)
Tạo trang web gallery thế nào (10:06)

Phần 3: Project thực tế

Giới thiệu project thực tế – làm hồ sơ cá nhân trực tuyến (07:25)
Setup ban đầu (04:36)
Lựa chọn giao diện (07:51)

Phần 4: Thiết kế CV cá nhân trực tuyến bằng Github

Tạo file trang chủ và file photoshop (05:48)
Xử lý HTML cho header (06:43)
Xử lý CSS cho menu (04:55)
Xử lý CSS cho menu trên di động (06:08)
Xử lý nền bằng After Before (07:51)
Xử lý HTML cho khối giới thiệu (03:31)
Xử lý CSS cho khối giới thiệu (09:17)
Xử lý responsive cho di động (04:32)
Xử lý HTML cho khối thông tin kinh nghiệm (12:31)
Xử lý CSS cho khối thông tin kinh nghiệm (09:36)
Xử lý responsive cho khối kinh nghiệm cá nhân (03:12)
Xử lý hiệu ứng bằng jquery (16:51)
Hướng dẫn xử lý các phần còn lại (03:51)
Thêm khối facebook comment thế nào (16:47)
Quay ngược thời gian trang git thế nào (10:53)

ĐĂNG KÝ NGAY






    Lưu ý: Hình thức học của Fedu là học ONLINE. Chúng tôi không mở lớp dạy trực triếp, offline và không cấp chứng chỉ học tập. Học viên muốn học offline vui lòng không điền thông tin tại đây.