Nội dung chính
Chắc hẳn khi các bạn tự học HTML CSS thì rất là nản, đặc biệt là có quá nhiều nguồn trên mạng, không biết học cái nào cho hiệu quả. Ai cũng nói trang này học tốt, trang kia học tốt nhưng bản thân các bạn lại thấy không hiệu quả. Bạn được nhiều người giới thiệu các khoá học online nhưng tiếng Anh lại kém nên học cũng khó mà hiểu được, cũng như nếu có thắc mắc gì cũng không biết hỏi ai.
Hiểu được nhu cầu của các bạn, đặc biệt là những bạn muốn cải thiện kiến thức nhanh chóng, muốn mau lên trình, muốn được cải thiện không chỉ về kiến thức chuyên môn mà còn về tư duy, định hướng, cách tự học hiệu quả, cách học tiếng Anh, cách tự giải quyết vấn đề, cách giúp bản thân lên một trình cao mới… Nên mình quyết định tung ra khoá học của chính mình trong 8 buổi với hình thức là học online qua Zoom, để giúp các bạn trở nên tốt hơn không chỉ về kiến thức mà còn về các kỹ năng khác nữa.
# Giới thiệu một chút
Chắc hẳn các bạn không còn xa lạ nếu các bạn là những độc giả luôn theo dõi blog mình. Thì mình không cần phải giới thiệu thêm nhưng nếu các bạn là những người mới thì mình xin tự giới thiệu mình tên là Tuấn, nickname hay gọi là HBmedia là chủ blog này, cũng như 1 kênh Youtube cũng có tên là HBmedia luôn.
Những kiến thức mình chia sẻ trên blog này, trên Youtube hay là trên Facebook trong các nhóm cộng đồng Frontend đều là miễn phí, tuy nhiên mình nhận thấy rằng là kiến thức miễn phí mình lâu lâu mới ra một bài, một video thì nhiều người chờ học như vậy khá là lâu. Và họ mong muốn mình triển khai việc làm khoá học online, tuy nhiên khi quay video màn hình cho khoá học online thì mình nói chưa chuẩn lắm nên là vẫn chưa hoàn thiện được.
Vì thế mình mới quyết định triển khai một hình thức trả phí khác thông qua việc dạy học online qua Zoom thay vì làm khoá học online cho những người mong muốn cải thiện trình độ nhanh chóng với mình, có thể nghe mình nói và giải thích trực tiếp trên màn hình thay vì học qua video online mà không hỏi đáp được gì. Và nội dung chi tiết của nó ra sao thì các bạn đọc tiếp dưới đây nhé.
# Nội dung khoá học
Trong khoá học này các bạn sẽ học những gì, các bạn sẽ được mình dạy và chia sẻ những gì thì mình xin kể ra những nội dung sơ lược cho các bạn dưới đây
- Nắm vững chắc các kiến thức cơ bản về HTML, các thẻ trong HTML – HTML5, cách sử dụng thẻ đúng đắn, cách đặt tên theo chuẩn BEM, học cách sử dụng Class Id và các attributes khác của HTML một cách chỉn chu từ đầu
- Học phân tích giao diện ra cấu trúc HTML kết hợp với BEM để tạo ra một cấu trúc code gọn gàng dễ hiểu
- Học và nắm vững các kiến thức cơ bản, nâng cao trong CSS, hoàn thành các giao diện từ đơn giản tới phức tạp
- Nắm vững CSS Selectors và Combinators để làm chủ các bộ chọn trong CSS như
+ ~ > :not :nth :first :last child type
… - Thành thạo Responsive để xử lý giao diện ở nhiều loại màn hình, thiết bị một cách tốt nhất có thể
- Học, tìm hiểu và sử dụng SASS để viết function, mixins, sử dụng biến, lồng code để hỗ trợ cho việc code CSS một cách nhanh nhất
- Học các bước phân tích, tư duy về layout để chuyển PSD sang HTML CSS mượt mà
- Học về tư duy, định hướng học, cách tự học tốt, cách luyện tập cho mau lên trình
- Học cách sử dụng Visual Studio Code hiệu quả, sử dụng thành thạo emmet để code nhanh hơn trong HTML và CSS
- Học cải thiện tư duy về UI, thẩm mỹ, cách tự học tiếng Anh hiệu quả
- Nắm vững các thuộc tính khó nhằn như
position
,transform
,transition
,animation
, các pseudo class như:before
hay:after
… - Thành thạo các nội dung nâng cao như biến trong CSS, sử dụng các đơn vị trong CSS hiệu quả, các hàm như
attr
,calc
để tính toán… - Nắm vững việc dàn layout với CSS Flexbox để có thể làm nhanh bất kỳ giao diện nào từ dễ cho đến khó
- Biết thêm các công cụ, tiện ích, các trang web bổ ích hay hỗ trợ công việc một cách tốt nhất để nâng cao hiệu suất làm việc
- Học cách sử dụng Photoshop cơ bản để cắt ảnh, lấy mã màu, kích thước từ thiết kế
- Hoàn thành nhiều dự án từ dễ đến khó, đơn giản cho đến phức tạp với sự hướng dẫn chi tiết từ mình
- Bài tập bổ trợ sau mỗi buổi học, giải đáp thắc mắc, bài tập, đánh giá nhận xét cho từng người, hỗ trợ online qua nhóm Telegram, có video quay lại sau mỗi buổi học
- Được chia sẻ tài khoản học trên Udemy do chính mình tạo và mua với nhiều khoá học chất lượng từ các giáo viên nước ngoài
- Và nhiều nhiều lợi ích khác đang chờ đợi các bạn mà mình nghĩ các bạn nên tận dụng ngay cơ hội này để đăng ký học với mình vì 1 khoá là 2 tháng, sau 2 tháng mình mới mở khoá mới
# Học phí
Học phí cho việc học online này là 3,000,000 vnđ trên 10 buổi / 2 tháng, mỗi buổi là 2 tiếng rưỡi.
# Khoá học này phù hợp cho ai
Theo bản thân mình là người dạy thì mình mong muốn người học là những người quyết tâm muốn cải thiện trình độ nhanh, theo ngành nghề này, kiếm tiền từ công việc bản thân yêu thích hay đơn giản chỉ là thích học để mở mang kiến thức. Cho dù bạn là sinh viên, hay các anh chị học trái ngành đều có thể tham gia vì mình dạy rất chậm cũng như phân tích rất kỹ từng bài học một cho các bạn.
# Câu hỏi thường gặp
Học xong khoá này rồi có cam kết có công việc không: Việc có công việc được hay không là do bản thân các bạn nhé, mình sẽ cố gắng truyền đạt thật tốt cho các bạn, cũng như chia sẻ nhiều thứ khác để các bạn có thể trau dồi cũng như luyện tập để có thể có công việc hay thực tập chớ mình không đảm bảo được việc này.
Học xong HTML CSS rồi a có dạy Javascripts luôn không: Hiện tại mình chưa dạy Javascripts.
Học phí đóng khi nào, có được học thử không: Các bạn sẽ được học thử buổi đầu vì mình muốn cho các bạn xem bản thân các bạn có phù hợp với khoá học không, nếu thấy phù hợp và vẫn tiếp tục học buổi tiếp theo thì các bạn sẽ đóng học phí.
Sau mỗi buổi học có video quay lại hay bài tập gì không: Có luôn, khi các bạn quyết định tiếp tục học thì mình sẽ gửi video sau mỗi buổi học để các bạn tiện xem lại để hiểu hơn cũng như có bài tập để luyện tập áp dụng kiến thức đã học sau mỗi buổi vào.
Không có tiền thì tham gia được không: Chắc chắn là không rồi ^^!.
# Số lượng
Số lượng tối thiểu để mình dạy là 10 người và trước khi tham gia thì các bạn nên liên hệ mình bằng cách liên hệ với mình. Và mình sẽ tư vấn nói chuyện với bạn và xem bạn có thực sự phù hợp không, nếu phù hợp thì mình sẽ dạy cho bạn, còn không thì hẹn một dịp nào đó khác. Vì mình muốn bạn hiểu rõ hơn về khoá học cũng như về người dạy là mình và ngược lại mình cũng hiểu bạn để xem bạn có phù hợp không, vì như vậy thì mới tốt cho cả 2 thì mới bắt đầu tham gia học tốt được.
# Chuẩn bị
Bạn cần chuẩn bị những gì để có thể bắt đầu học thì sau đây mình sẽ hướng dẫn một số thứ cần thiết mà bạn nên biết.
Đầu tiên là phần mềm Telegram cho máy tính lẫn điện thoại vì mình thông báo hay gì đều ở trên này, phần mềm này miễn phí và nhanh tiện lợi hơn messenger nhiều.
Thứ 2 là phần mềm để học với mình đó chính là Zoom. Những phần mềm này các bạn Google là có thể tải về máy cài được nhé. Rất đơn giản.
Thứ 3 để có thể code được thì chắc chắn việc đầu tiên các bạn cần làm đó chính là có một cái Laptop. Laptop thì các bạn có thể chọn loại bền bền như Dell chẳng hạn, hoặc chơi hẳn Macbook luôn cho máu
Sau khi bạn có Laptop, kết nối Wifi hẳn hoi rồi thì việc tiếp theo là tải phần mềm Code Editor về để bắt đầu tập code thôi. Và mình khuyến khích cho các bạn sử dụng Editor mà nhiều người dùng nhất hiện nay và rất chi là mạnh mẽ đó chính là Visual Studio Code.
Khi các bạn vào trang Download của Visual Studio Code, chọn hệ điều hành tương ứng của các bạn xong và tải về sau đó cài đặt rất đơn giản chỉ Next Next và Next thôi. Sau khi cài đặt xong các bạn mở lên thì nó trông như sau
Việc tiếp theo là các bạn nhấn vào chỗ mũi tên như hình trên và gõ vào chỗ mũi tên xanh phía trên các gói hỗ trợ cần thiết cho việc code, trong tiếng Anh gọi là packages đấy. Các bạn cài lần lượt những cái như sau
- Bracket Pair Colorizer: Package này hỗ trợ highlight các dấu ngoặc như
(
hoặc{
giúp các bạn biết là bạn đang trỏ chuột ở khúc nào để dễ dàng tìm code, hoặc sửa gì đó - Highlight Matching Tag: Package nãy hỗ trợ highlight nhưng cho những thẻ(
tag
) trong code như khi các bạn code HTML thì khi các bạn nhấn vào một thẻdiv
nào đó chẳng hạn nó sẽ sáng lên để bạn biết - Live Server: Package này rất hay, bình thường khi các bạn code HTML CSS xong thì phải refresh lại trang mới thấy kết quả thì package này sẽ hỗ trợ các bạn làm việc đó nghĩa là các bạn code xong lưu lại nó sẽ tự động refresh lại trang cho các bạn luôn
- Material Icon Theme: Package hỗ trợ hiển thị các tập tin(files) có thêm icon đằng trước cho dễ phân biệt ví dụ như file js thì có icon js, file HTML thì có icon HTML khá là đẹp
- Prettier – Code Formatter: Package này hỗ trợ format code của các bạn cho xanh sạch đẹp dễ nhìn dễ quản lý
- Và nhiều packages khác các bạn có thể Google thêm nếu muốn để hỗ trợ thêm nha
Khi các bạn gõ ra tên gói rồi, ở khung bên phải sẽ hiện chi tiết thông tin của gói đó, để cài đặt các bạn nhấn vào nút Install là xong nhé.
Sau khi cài xong các gói trên thì việc tiếp theo là cài Theme. Nếu các bạn thích Theme mặc định rồi thì bỏ qua khúc này cũng được nhé.
Để cài Theme các bạn vào trang vscodethemes.com chọn Theme tối hay sáng hay màu mè rồi nhấn vào chỗ View Extension có thông tin chi tiết hiện ra sau đó nhấn Open in VSCode là tự động VSCode của các bạn mở lên, sau đó nhấn Install là cái thôi. Như mình thì mình dùng theme Dracula như dưới đây
Như vậy là mình đã giới thiệu sơ lược qua cho các bạn về khoá học HTML CSS của mình rồi, hi vọng chúng ta sẽ có cơ hội gặp lại nhau sớm trong khoá học của mình vì mình rất là vui khi có thể giúp đỡ được cho các bạn trên con đường sự nghiệp của các bạn. Cuối cùng chúc các bạn một ngày tốt lành và mạnh khoẻ cũng như luôn học tập tốt.