Tự học Full Lộ Trình Lập Trình Front-end (HTML/CSS/JS) trong 1 clip
ฝัง
- เผยแพร่เมื่อ 5 มิ.ย. 2024
- Hế nhô anh em, hôm nay mình sẽ hướng dẫn anh em cách học full toàn bộ lộ trình front-end trong 1 clip duy nhất.
Bọn mình sẽ học từ những thứ cơ bản nhất như HTML/CSS/JS cho tới cách kết hợp cả 3 để làm 1 trang web hoàn chỉnh.
Học xong clip này, các bạn sẽ có kiến thức sơ về những thứ cần làm trong mảng front-end, code được 1 web cơ bản có giao diện đàng hoàng.
Clip khá dài nên các bạn có thể bookmark lại để xem dần nha.
Timestamp
0:00:00 - Bắt đầu học HTML
0:01:00 - Giới thiệu ngôn ngữ HTML
0:03:50 - Bắt đầu viết code HTML, các tag hiển thị thông tin
0:09:10 - HTML Form, lấy thông tin từ người dùng
0:10:55 - Tự code web giới thiệu bản thân
0:13:30 - Bắt đầu học CSS
0:14:00 - CSS là gì, tại sao phải học và dùng?
0:15:20 - Cú pháp của 1 khối CSS
0:16:50 - Lấy code mẫu tại bit.ly/codedao-css
0:17:30 -1. CSS Selector: Chọn phần tử để apply CSS
0:19:00 - CSS Speciality: id, class, trọng số...
0:20:30 - 2. Làm sao viết CSS, để CSS ở đâu?
0:22:00 - 3. Màu sắc và kích cỡ trong CSS
0:25:22 - 4. Hiển thị chữ trong CSS (font, căn lề)
0:27:10 - Bonus: Cách dùng Chrome Dev Tool
0:28:15 - 5. Dùng CSS để sắp xếp giao diện (layout)
0:29:30 - Box model: margin, border, padding
0:30:55 - Set width, height và box-sizing
0:32:40 - Các CSS Position hay dùng
0:33:45 - 7. Áp dụng kiến thức CSS để làm web đẹp hơn
0:40:00 - JavaScript là gì, tại sao nên học
0:41:50 - Bắt đầu với Hello World
0:42:30 - Variables (Biến) và kiểu dữ liệu trong JavaScript
0:43:43 - Operator (Toán tử) ( + - * /)
0:44:45 - Object (Đối tượng) trong JavaScript
0:45:55 - String (Chuỗi) - Object đặc biệt
0:47:00 - Array (Mảng) - Cách chứa nhiều giá trị
0:48:23 - Control Statement (Câu lệnh điều khiển) - If-Else / Switch-Case
0:50:20 - Vòng lặp (Loop) - For, For-of, While
0:52:10 - 10. Hàm (Function) - Tách chương trình thành nhiều phần
0:53:20 - Những thứ nâng cao cần học
0:54:15 - Tổng hợp kiến thức đã học
0:55:31 - Áp dụng HTML/CSS/Javascript vào 1 trang web
Nhớ subscribe cho mình nhe: bit.ly/codedaotube
Channel Tôi Đi Code Dạo là nơi mình chia sẻ những kiến thức, kinh nghiệm về ngành lập trình mà mình đạt được trong quá trình làm việc. Những kiến thức này sẽ biến các bạn từ một coder trở thành developer - lập trình viên thứ thiệt.
Nhớ ghé thăm và subscribe channel để xem clip mới vào 8H TỐI T3 hàng tuần nha!
Ghé thăm mình tại:
Blog: toidicodedao.com/
Fanpage: / toidicodedao
#hoc_html #hoc_frontend_sieutoc #hoc_css #hoc_js - วิทยาศาสตร์และเทคโนโลยี
![Genshin Impact | กาชา Clorinde ไวฟุนั้น ควร C6 [เทสตัวละครต่อ]](http://i.ytimg.com/vi/SOVaBvL7K20/mqdefault.jpg)
Hoàng quá Tài năng và có Tâm. 🙂
Works like a charm, much love brotha
Series nay hay qua anh a! Mong anh lam them.
E cám ơn a nhiều lắm luôn, e là Graphic yêu UI/Ux và có niềm đam mê với HTML css ngay từ cái nhìn đầu tiên. E xem nhiều video của a rồi, cực kì dễ hiểu và fun 😂😂😂
Chị ơi em học khoa jojc máy tính mipons học ui ux cần những gì ạ? Em cảm ơn
Rất hữu ích. Cám ơn bạn
Vlog hay quá a ưi . A làm css nâng cao đi ạ .
Hay qá etrai ơi, a đang hoc theo em
tuyệt quá ạ, triệu tim anh ơiiiii
Đoạn cuối hay quá trời
đại ca này dễ thương thật
bài giảng quá tuyệt vời =))
Hay quá cảm ơn ad
anh giảng hay lắm luôn.
Yeu giong noi cua anh de so, cam ơn anh nhiều ah
gần 2k like rồi a oi
Thề anh vừa giỏi vừa hài =))). Hiếm người nào như anh lắm
Em đang chờ tiếp phần backend anh ới
tốc độ kiểu này dùng cho người học bik rồi, giờ cân xem lướt để học lại
lần đầu tiên dduoực code cugnf vs vếu :))))). DỄ HỌC QUÁ
cảm ơn bạn đã chia sẻ
Mình rất thích những người nói chuyện nhanh như bạn này, nói nhanh hèn gì dạy có 1 tiếng.
4:27
hay quá chời !!
cảm ơn anh ạ, làm thêm quả nâng cao nữa đi anh ơi !!!! tymmm ạ
Tks anh nha
Mong anh làm thêm back end luôn ạ
video rất hay
em từ làm bóc vác coi xong clip anh apply đi
làm lương 2k cám ơn anh
Giảng quá hay
HAY QUÁ ANH
hay quá
anh ơi em học data structure algorithm ÉT O ÉT quá!!!
tks a :D
nâng cao tiếp đi sếp eiii
Hóng clip JavaScript nâng cao của anh
Hoàng giỏi quá. dạy rất lưu loát và nhanh chóng. Quyết tâm và tập trung mỗi ngày học và rèn luyện thực hành 3 tiếng sau một thời gian vài tháng cũng làm được 1 website hoàn chỉnh Hoảng nhỉ.
thế giờ đã làm được cái nào hoàn chỉnh chưa :))
@@trancong7399 =)))))))
@@trancong7399 chắc bỏ cmnr :))
ủa bạn đi làm IT chưa?
@@trancong7399 làm hoàn chỉnh từ lâu lắm rồi ông. Từ những năm 2018 rồi cơ :))
cũng oke đó anh hehe
Ghê z 3
=))) giờ em mới coi được cái vid này và ấn tượng câu "Mặt em trong hơi thiếu CSS"
Hayy cá ạhhh
tiếp tục đi anh mọi người đang hóng
like
anh ơi, anh làm 1 video dạy thuật toán đc ko ạ
Ông trùm Wibu 🥰🥰🥰
Nữa đi anh ơi, phe…..á nhầm hay quá a ơi
anh dạy dị thấy ko ăn thua ạ kaka ai ko bk dì hiểu đc đi bằng đầu á
this was so useful, hope u make some more!!
vietnamese pls!🙏🙏🙏🙏🙏🙏
@@meobietnoi000 đéo
merci beaucoup a toi :))
đỉnh vãi =)))
Ngon anh ơiii
Vào xem anh chỉ học, mà k nhìn bài a giảng mà toàn nhìn a sao mà học đây =)))
Tiếp BackEnd a oi
hay nhma nhanh quá ôg uiiiiiiiiiiiiii
Anh ơi làm css nâng cao đi anh ^ ^
Răm, răm quá
Many thanks broh
Ông này mà chỉ toàn tập html hay quá như thêm vd rồi bala
Anh có thể chia sẻ mức lương hiện tại của anh không ạ
Anh Hoàng comeback trên blog đi a!
back end lun:D
Đang học đến bài cuối không dám học nữa. Sợ phụ huynh gank
sa here, dude =)))
views của video này ít hơn của mấy clip html css lẻ anh làm chắc do đài 1 tiếng lên coi bị lản ấy anh
damn bro "u need some CSS" that's savage
đến CSS là u đầu rồi hixx
back end đi anh ơiiiiii
ổng dạy lúc mói cạo râu tói lúc râu mọc dài lun kkk
Chào mn e mới bắt đầu học
Cho e hỏi làm sao để hiện mắt kính show phía trên bên trái màn hình ạ
ủa video của anh có hack speed voice không vậy ? nghe nhanh quá nhưng rất mượt mà nha.
Nếu mình xem được clip này 10 năm trước, chắc chắn mình sẽ theo lập trình. 🥲
giờ theo vẫn còn kịp nha bạn ơi :3
@ 40 rồi theo sao kịp :))
@ 26 theo kịp k a nhỉ🔥🔥🔥
@@goinoutdoor khô máu đi a, kịp hay ko là do số thôi:v
code js anh dùng trình duyệt gì thế ạ
A có nhận hack hệ thống game hay hack + điểm game ở web k a
cmt cho anh có động lực kk
anh làm back end luôn cho đủ bộ ạ =))
À nếu nhiều bạn quan tâm a sẽ làm nhé
@ anh ơi nhiều bạn quan tâm backend lắm ạ
@ ye
@ có nha anh. Rất nhiều người 😙
@ a lm chx a
Glitch này có dùng được trên điện thoại k ạ?
js khá giống c++ thầy nhờ
Đề nghị xuất bản 3 ngày 1 video.
nói như gió
Team Phun sờ nắc !
a ơi cho em hỏi mình tạo cái điền thông tin song mình nhập thông tin vào thì mình xem thông tin mình đã nhập ở đâu ạ. nếu a trả lời em cảm ơn
cái đó là qua back-end rồi bạn, cái này là frontend mà , với mấy ngôn ngữ sâu hơn rồi bạn
Anh ơi chơi bd hông :33
xem video của anh nhiều rồi, nhưng lần nào e cũng để tốc độ phát là 0,5 hoặc 0,75 :))
chả bù cho mình toàn để 1.25 mấy video khác toàn 1.5:(((
mua áo ở đâu vậy a
Có frontend rồi thì làm phần backend luôn đi anh 😗
Cái j cung. Nên chọn 1 thôi
First
great cheat !
Làm sao để người ta điền thông tin vào ô đó,rồi nó gửi về cho mình ạ
em cũng muốn đc 6, 7tr 1 tháng như anh :))
xin chỗ mua áo a ơi
ra thêm back end nữa anh :))
À nếu nhiều bạn quan tâm a sẽ làm nhé
Dau có thể hack lại tiền bị lừa làm việc online qua ápp k?
bác Hoàng cho hỏi tự học trên Web F8 có ổn không nhỉ bác ơi
b xem review trong các bài học là biết nhé, rất nhiều ng đi lm nhờ học a sơn đó^^
Anh làm backend đi ạ 🥹🥹🥹
a có thể làm tol hack tài xiu dc ko
mọi người ơi cho hỏi làm thế nào để xóa project trên glitch vậy ạ
backend anh ơi
Ah ơi em vô bit để tự tạo link ko đc ạ mông ah chỉ dẫn và rép em ạ 🥰
8:29 sao anh check được code của trang báo vậy anh chỉ em đươcj không ạ
anh làm thêm cả back end đi ạ
lặn sâu thế anh dai
TypeScript luôn Code Dạo ơi
Của em nó hay bị lỗi sever thì xử lí sao anh