Theo đúng lộ trình học frontend thì hiện nay freetuts thiếu khóa HTML & CSS cơ bản, vì vậy mình đã yêu cầu fedu cần bổ sung thêm khóa này để những bạn chưa có nền tảng có thể học theo lộ trình đó được. Và hôm nay họ đã ra mắt khóa học, và mình sẽ giới thiệu tới các bạn càng nhanh càng tốt ;)
Học HTML & CSS là khởi đầu
Khi bạn theo học lập trình web thì HTML và CSS là hai ngôn ngữ mà bạn phải học đầu tiên, trừ khi bạn học trong môi trường đại học, ở đó bạn sẽ học các ngôn ngữ như Pascal, C, C++ trước .
HTML và CSS đóng vai trò rất quan trọng bởi nó là phần tương tác với người dùng, giao diện có trực quan, tương thích và thân thiện trên mọi thiết bị hay không là do HTML và CSS quyết định.
Nếu bạn đang xây một ngôi nhà thì HTML giống như các vật liệu như cát, xi măng, đá. Còn CSS là kỹ năng của các thợ xây, họ sẽ sử dụng kỹ năng thẩm mỹ của mình để biến ngôi nhà có nhiều hoă văn, đẹp lộng lẫy.
Theo đúng lộ trình thì bước đầu tiên này bạn sẽ tìm hiểu đến hai thành phần HTML và CSS dùng để tạo nên giao diện website, tại bước này bạn chỉ cần hiểu các thẻ HTML, các thuộc tính CSS và có thể làm được một giao diện đơn giản, chưa cần responsive, miễn là nó giống với file psd là được. Nhưng với khóa học này thì mình thấy bạn còn học được nhiều thứ hơn, thậm chí là bạn sẽ được giới thiệu đến responsive luôn.
Giới thiệu khóa học
#####################################
| TÊN KHÓA HỌC | Khóa học HTML&CSS cơ bản (30) |
| HÌNH THỨC HỌC | ONLINE |
| GIÁ GỐC | 699,000đ |
| GIÁ BÁN | 299,000đ |
| HỌC TẠI | FEDU |
ĐĂNG KÝ NGAY HÔM NAY ĐỂ ĐƯỢC GIẢM GIÁ
Cơ hội mua khóa học này chỉ với 240,000đ khi đăng ký tại freetuts.net
Freetuts.net là đại lý cung cấp khóa học online và offline với giá rẻ nhất, giảm lên đến 65% cho khóa học này, nhanh tay đăng ký nhé bạn, vì số lượng có hạn.
Điểm mạnh của khóa học này là gì?
Theo đúng phong cách dạy lập trình của anh Việt thì anh sẽ dạy thiên về thực hành nhiều hơn, tuy nhiên trong khóa học này mình đã yêu cầu anh dạy làm sao mà một người chưa biết gì có thể theo dõi được, vì vậy trong khóa này bạn sẽ được giới thiệu các thành phần căn bản nhất, các thẻ HTML và thuộc tính CSS căn bản nhất.
Ngoài ra bạn còn được hướng dẫn làm các chức năng thường có trong website như chức năng menu đa cấp, cách tùy biến giao diện, sử dụng các thuộc tính quan trọng như after và before, cách chia layer, ...
Và cuối cùng là phần quan trọng nhất, bạn sẽ được hướng dẫn cắt các giao diện thực tế, khóa học sẽ chọn random một giao diện có sẵn trên themeforest và căt lại theo đúng như giao diện ban đầu, đặc biệt là không sử dụng một CSS Framework nào cả, mọi thứ đều sử dụng HTML và CSS thuần.
Một phần bonus của khóa học là anh Việt sẽ giới thiệu đến khái niệm responsive, thực hiện tạo responsive cho các bài tập mà bạn đã thực hành.
Học xong bạn sẽ làm được gì?
Khi anh Việt publc khóa học này mình cũng hơi bất ngờ. Ban đầu mình cứ nghĩ là khóa học sẽ tập trung vào lý thuyết và làm một vài bài tập, cuối cùng là làm một giao diện đơn giản. Tuy nhiên hiện tại khóa học được bổ sung rất nhiều thứ, thậm chí là bạn có thể làm giao diện réponsive.
Kết thúc khóa học này bạn sẽ nắm vững quy trình để xây dựng giao diện website, biết cách vận dụng chia layout, cũng như các thẻ HTML và thuộc tính CSS. Ngoài ra bạn còn biết cách xây dựng các module như menu, navigation, ...
Cuối cùng, khóa học sẽ giúp bạn tự code được một trang web bằng HTML và CSS mà không sử dụng một framework nào cả, học xong bạn có thể tìm hiểu qua các phần nâng cao hơn như: javascript, jquery, bootstrap.
Nội dung khóa học
-
001- Giới thiệu khóa học và cài đặt công cụ
- 001-Giới thiệu khóa học
- 002-Cài đặt công cụ
-
002- Giới thiệu các thẻ HTML cơ bản
- 003-Giới thiệu các thẻ HTML cơ bản
- 004-Thẻ tiêu đề
- 005-Nhóm thẻ xuống dòng
- 006-Thẻ trình bày text và gắn link
- 007-Thẻ ảnh
-
003-Giới thiệu CSS cơ bản
- 008-Giới thiệu CSS
- 009-Học thuộc tính CSS qua bài thực hành – phần 1
- 010-Học thuộc tính CSS qua bài thực hành – phần 2
- 011-Học thuộc tính CSS qua bài thực hành – phần 3
-
004-Thuộc tính Flex trong CSS
- 012-Giới thiệu class trong CSS
- 013-Áp dụng class và chia cột
- 014-Luyện tập chia cột bằng flex
- 015-Cách gọi CSS nâng cao
-
005- Luyện tập chia cột bằng Flex
- 016-Luyện tập công thức chia cột
- 017-Cách cài đặt và sử dụng font icon
- 018-Cách sử dụng nhiều Class cùng một lúc
-
006-Chữa bài tập
- 019-Chữa bài tập làm website tin tức báo mới sử dụng kiến thức đã học
- 020-Giải thích thuộc tính display block
-
007-Làm menu với HTML CSS
- 021-Cách làm menu với HTML CSS
- 022-Thực hành với menu website báo mới
- 023-Cách căn giữa menu
- 024-Cách làm hiệu ứng di chuột lên ảnh tương tác lên chữ
- 025-Chữa bài sử dụng thuộc tính Flex – Phần 1
- 026-Chữa bài sử dụng thuộc tính Flex – Phần 2
-
008-Làm hiệu ứng slide cơ bản nhất
- 027-Cách làm hiệu ứng slide ảnh cơ bản nhất
- 028-Cách tinh chỉnh kích cỡ của hiệu ứng slide
-
009-Chữa bài tiki.vn
- 029-Chữa bài tiki.vn sử dụng Flex – Phần 1
- 030-Chữa bài tiki.vn sử dụng Flex – Phần 2
- 031-Chữa bài tiki.vn sử dụng Flex – Phần 3
- 032-Cách căn ngang và căn dọc phần tử sử dụng Flex
-
010-Thuộc tính chia layer
- 033- Luyện tập chia layer với thuộc tính zoom
- 034-Luyện tập chia layer kèm thuộc tính xoay
- 035-Chữa bài sử dụng thuộc tính chia layer
- 036-Chữa bài chia layer – Phần HTML
- 037-Chữa bài chia layer – Phần CSS
- 038-Chữa bài chia layer với thuộc tính Rotate và Perspective
-
011-Chữa bài tập CSS3 từ các sản phẩm themeforest bất kỳ
- 039-Chữa bài tâp CSS3 trên themeforest – Phần 1
- 040-Chữa bài tâp CSS3 trên themeforest – Phần 2
- 041-Chữa bài tâp CSS3 trên themeforest – Phần 3
- 042-Chữa bài tâp CSS3 trên themeforest – Phần 4
- 043-Chữa bài tâp CSS3 trên themeforest – Phần 5
- 044-Chữa bài tâp CSS3 trên themeforest – Phần 6
- 045-Chữa bài tâp CSS3 trên themeforest – Phần 7
-
012-Làm menu đa cấp với thuộc tính chia layer
- 046-Cách làm menu đa cấp áp dụng thuộc tính chia layer-Phần 1
- 047-Cách làm menu đa cấp áp dụng thuộc tính chia layer-Phần 2
- 048-Cách làm menu đa cấp áp dụng thuộc tính chia layer-Phần 3
- 049-Cách làm menu đa cấp áp dụng thuộc tính chia layer-Phần 4
-
013-Kĩ thuật nâng cao – sử dụng biến và after before trong CSS3
- 050-Cách sử dụng biến trong CSS
- 051-Kĩ thuật sử dụng After before
- 052-Luyện tập After before và thuộc tính đổ màu Gradient
- 053-Cách đặt Transition hai chiều
-
014-Ôn tập kiến thức đã học qua việc làm giao diện hoàn chỉnh
- 054-Thực hành làm giao diện Belton theme – Phần HTML top
- 055-Thực hành làm giao diện Belton theme – Phần CSS top
- 056-Thực hành làm giao diện Belton theme – Phần Gradient và chia Layer
- 057-Thực hành làm giao diện Belton theme – Phần áp dụng after before
- 058-Thực hành làm giao diện Belton theme – HTML phần text banner
- 059-Thực hành làm giao diện Belton theme -CSS phần text banner
- 060-Thực hành làm giao diện Belton theme – HTML CSS phần content 1
- 061-Thực hành làm giao diện Belton theme – Background attachment
- 062-Thực hành làm giao diện Belton theme – Cách đưa icon vào before và after
-
015-Nguyên lý và cách làm web responsive
- 063 – Nguyên lý CSS cho các màn hình khác nhau
- 064 – Thực hành làm web responsive với website udemy – phần 1
- 065 – Thực hành làm web responsive với website udemy – phần 2
-
016-Làm quen với javascript
- 066 – Làm quen với Javascript
- 067 – Hàm click trong javascript
- 068 – Hàm thay đổi class css
-
017-Tổng kết
- 069 – Tổng kết khóa giới thiệu cách học
Xem danh sách khách hàng
Nếu bạn vẫn chưa tin tưởng thì hãy xem danh sách khách hàng đã mua khóa học qua kênh mình nhé, rất đông đấy ạ.
