Giới thiệu ngành front-end. Lộ trình tự học lập trình web front-end cơ bản
ฝัง
- เผยแพร่เมื่อ 9 ก.พ. 2025
- Hôm nay, mình sẽ giới thiệu với các bạn về ngành lập trình front-end web, lộ trình học lập trình front-end cơ bản nha.
Tư vấn free từ Cybersoft Academy: / lophocviet
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 VÀ T6 hàng tuần nha!
Ghé thăm mình tại:
Blog: toidicodedao.com/
Fanpage: / toidicodedao
===========================================
Nội dung slide
Tìm hiểu ngành front-end
Lộ trình học lập trình front-end
TÓM TẮT
Làm front-end là làm gì?
Triển vọng của ngành Công việc và lương bổng
Cần tố chất gì
Lộ trình học front-end
Hỏi đáp
Làm front-end là làm gì?
Tạo ra giao diện tức “mặt tiền" của trang web
Không chỉ “giao diện" mà còn là “tương tác"
Làm việc với designer và back-end
Triển vọng về ngành
Việc nhiều, lương khá ($400-$2500)
itviec.com/it-...
Cần những tố chất gì?
Đam mê lập trình
Thích các phần giao diện bên ngoài sản phẩm
Thích sản phẩm chạy nhanh & tiện dụng
Tỉ mỉ cẩn thận (Từ font chữ đến pixel)
Hiểu người dùng
Khả năng tự học và cập nhật kiến thức
Lộ trình học gồm những gì?
Kiến thức về UI và UX
Thiết kế wireframe và giao diện
HTML/CSS/JS cơ bản và nâng cao
HTML5 & CSS3, animation
Javascript Prototype
CSS framework (Bootstrap, Foundation, …)
JavaScript tool và framework (Angular, React, VueJS, …)
SASS
Làm dự án thực tế
Học bao lâu đủ để đi làm?
Đã biết về lập trình: 4-5 tháng
Chưa từng học lập trình: 6-7 tháng
Tuỳ vào “ngộ tính" và cố gắng
Thực tập + Dự án thực tế là quan trọng nhất
Giới thiệu về Cybersoft
Chương trình front-end
PHẦN 1: UI, UX - BÍ QUYẾT TẠO GIAO DIỆN LÔI KÉO NGƯỜI DÙNG
PHẦN 2: KẾ HOẠCH TẠO LẬP WEBISTE, CÁC LOẠI TEMPLATE WEBSITE
PHẦN 4: LÊN Ý TƯỞNG & DỰNG WIREFRAME CHO CÁC DỰ ÁN THỰC TẾ
PHẦN 5: CÔNG CỤ THIẾT YẾU CHO LẬP TRÌNH FRONT-END
PHẦN 6: NỀN TẢNG CỐT LÕI HTML, CSS, JS QUA CÁC DỰ ÁN
PHẦN 7: RESPONSIVE & BOOTSTRAP & HTML5 & CSS3 & ANIMATION TRONG DỰ ÁN
Phần 8: CSS CHUYÊN SÂU, XỬ LÝ ĐẶC BIỆT - PREPROCESSER
Phần 9: FRAMEWORK JAVASCRIPT - JQUERY NỀN TẢNG
Phần 10: TỰ VIẾT CÁC JQUERY COMPONENT
PHẦN 11: ES6 NỀN TẢNG - JAVASCRIPT CAO CẤP CHUYÊN SÂU QUA DỰ ÁN CRM
PHẦN 12: ANGULAR NỀN TẢNG VÀ CHUYÊN SÂU QUA DỰ ÁN THỰC TẾ
PHẦN 13: REACT JS NỀN TẢNG VÀ CHUYÊN SÂU QUA DỰ ÁN THỰC TẾ
PHẦN 14: CÁC CÔNG CỤ BỔ TRỢ JS NÂNG CAO VÀ TỐI ƯU WEBSITE PHÍA FRONT-END
PHẦN 15: THỰC HIỆN ĐỒ ÁN TỐT NGHIỆP - VẤN ĐÁP ĐỒ ÁN - DOANH NGHIỆP PHỎNG VẤN
Chúc mọi người xem video của anh hoàng vui vẻ, tiếp thu nhiều kiến thức về nghành lập trình nha🤣🤣🤣
cảm ơn a đã ra video ạ, hóng clip a mỗi ngày
Mình rất muốn học lập trình web nhưng ko có đk học offline. Rất mong 500 ae giới thiệu lớp online nào đó chất lượng. Đa tạ!!
sau 2 năm.k biết bạn học lâp trình tới đâu r
Video rất bổ ích. Anh em cứ việc học theo bạn Hoàng, còn xin việc thì đừng lo lắng. Nếu cần hỗ trợ thì liên hệ mình.
biết front end k xin việc đc k c
cảm ơn hai bạn! Thật sự rất bổ ích
Cám ơn anh, em đang cần lắm ạ hjhj
hay quá anh ơi
Góp ý cá nhân:
-Bạn nói hơi nhanh, nên nói chậm lại
-Chú ý thêm vào ngữ điệu. Nói cho hay
Cảm ơn đã đọc bình luận, mong bạn có thêm nhiều video định hướng như thế này 😃😃😃
Bạn có thể chỉnh tốc độ 0.75 nhen
Ok 😞
Hy vọng anh sẽ làm về node js back end ạ.
À nếu nhiều bạn quan tâm a sẽ làm nhé
cờm men thứ 7, nhấn chuông mà 20p sau youtube mới thông báo 😠
Anh ơiiiiii làm luôn lộ trình học web back-end với python Django lun nha:3 yêu code dạo lắm nek
Hưng Nguyễn back end có rồi đó e th-cam.com/video/gE6kvOd-Dao/w-d-xo.html
Phạm Huy Hoàng cái đó của java em coi r mak em mún của python cơ mong anh làm:((
Em có anh nghe nói về học lập trình ở cybersoft. Vậy ở cybersoft có học online không vậy anh!
tại sao lại chọn web thuần thay vì framework v a?? ưu điểm và khuyết điểm như thế nào ạ? Mong anh giải đáp, em cảm ơn
giống làm bánh trung thu nặn bằng tay hay dùng khuôn.
Nặn tay thì thích nặn sao thì nặn, nắn sao thì nắn, ưu điểm là khỏi tốn tiền mua khuôn mà khuyết điểm thì lúc kiểu này, lúc kiểu khác, người này làm khác người kia.
Còn xài khuôn thì tốn tiền mà trăm cái nhanh và chuẩn như một. Ai xài cũng được nếu học qua.
Bao giờ a mới ra tiếp Hack cùng Code dạo ạ ?
Hiếu Đồng Hữu À nếu nhiều bạn quan tâm a sẽ làm nhé
+1
+1 ạ
Cần lắm anh ơi xD
Video rất hay, like
A ơi a làm clip về linux đi ạ
À nếu nhiều bạn quan tâm a sẽ làm nhé
anh Hoàng ơi , anh có thể làm 1 video nói về lộ trình học iOS từ cơ bản đến nâng cao được không anh ?? Em cám ơn anh vì video , gửi anh 1 triệu like
À a ko làm iOS em
@ em học bên khoa học dữ liệu nhưng giờ muốn chuyển sang học front end hoặc back end thì có đc ko ạ? Nên học thêm kĩ năng gì để theo đc ạ?
anh ơi. trong một website mấy phần menu (điện thoại,laptop,v.v) là mình tạo TĨNH trên front- end luôn hay đở data từ backend lên vậy a ?
Tùy, nếu có thay đổi thì đổ data
@@logoteam4998 CSDL tạo riêng biệt luôn hay là chỉ sài 1 CSDL vậy. Mình nền làm ntn vậy?
@@devilnight7179 thử tìm theo Dynamic Dropdown menu
sắp được nút bạc rồi
Anh cho e hỏi là: front end và back end là khái niệm rộng hay chỉ nằm trong lập trình web ạ?
Đối với ứng dụng desktop hoặc mobile thì lập trình giao diện của nó có phải là front end không? Và phần cơ sở dữ liệu của nó có phải là back end không ạ?
E cảm ơn!
front-end và back-end là từ tiếng anh, dùng phổ rộng, chỉ "mặt trước", "mặt sau". Ví dụ có từ "front office", "back office". Với một cái tiệm ăn thì "back-office" là cái bếp, còn "front-office" là các bạn "đối mặt" với khách hàng, đứng đầu trong chuỗi trải nghiệm của khách như kinh doah, chăm sóc khách...
@@phatshare cảm ơn a!
Khổ cái là cybersoft không có ở HN
Hay lắm anh
a tư vấn việc chọn lap như nào để phù hợp cho code đi a
E xem bài này nhé toidicodedao.com/2017/10/17/lua-chon-laptop-lap-trinh-nguoi-ban-dong-hanh-cua-moi-lap-trinh-vien/
a ơi làm video về lập trình moblie với ạ
Em học Khoa học máy tính BKU học có ổn không anh
anh cho em hỏi đây là dạng mã hóa gì vậy có chuyển lại được không?
if(!version_compare(PHP_VERSION,'5.6.0','>=')){exit(eval("\x65\1
Anh ơi, em mới đọc về http, cái đó là thằng browser với thằng os trên sever gửi cho hay gì ạ.
Mọi người ơi cho mình hỏi ở TP HCM
Có cơ sở nào dạy CNTT cấp tốc không
Học tầm 5tháng đến 1 năm xong ra Trường đi làm luôn á
Cho mình xin tên Cơ Sở với
làm clip A day in my life đi anh :D
Có rồi đó e
th-cam.com/video/k3PuCSYHoYE/w-d-xo.html
@ ý em là clip mới á anh . Thấy mấy anh chị Dev nước ngoài hay làm lắm toàn cả triệu views
mình có liên hệ fb xin tư vấn nhưng không thấy reply :(
a làm thêm mấy video ngoài trời thay đổi không khí đc ko a =))))
Chờ bớt dịch e nhé
@phạm huy hoàng anh ơi, em muốn học 1 ngôn ngữ gì đó để sau này khi kinh doanh online có thể sử dụng đến. anh hướng dẫn giúp em với được hok anh em thì học kinh tế nhưng công việc của em có tiếp xúc với IT nên em hiểu biết đôi chút
Kinh doanh online thì cậu tìm hiểu về CMS: Nên dùng WordPress nha.
Anh ơi cái video nói chuyện với anh làm ở grab ở đâu r anh
Khi nào edit xong a đăng e
Anh ơi bao giờ anh up lại video livestream về data, ml engineer ạ
Khi nào edit xong thì a up em :D
Anh làm về mảng gì thế ạ
Cho e hỏi có trung tâm nào dạy frontend ở Hà Nội k ạ
Yêu a chụt hịt
a làm về lộ trình học tập lập trình web back-end đi a
Hiển Phạm có rồi đó e th-cam.com/video/gE6kvOd-Dao/w-d-xo.html
@ anh cho e lời khuyên là nên theo php hay java đc k ạ ?
Em có 1 câu hỏi
Em có đam mê về Web và A.I hiện tại thì em đang học về Web và em định sau này sẽ học tiếp về A.I. Không biết là anh nghĩ như thế nào về việc này ạ??
A ko làm AI em
Phạm Huy Hoàng em cảm ơn ạ
có ông nào từ ngành khác đang tự học và học khóa học ko anh em
anh ơi cho em xin slide có được không anh
cmt thứ e nờ ~~
hello anh
K biết từ bao giờ khả năng nghe tiếng Việt của mình lại lên như vậy nhỉ. Ngày xưa phải cố nghe mí load đc hết mà giờ lại thấy bình thường 😅
Thời Nguyễn xem vlog nhìi là nghe nhanh lên nha :))
Hi anh hoàng đẹp trai chỉ bọn em cách hoạt động captcha đi a
Học những cái này nên đầu tư laptop nào tốt a
dell, asus, hp, acer
Anh làm về Backend đi ạ :))))
Có rồi đó e th-cam.com/video/gE6kvOd-Dao/w-d-xo.html
Làm game thì học j a ?
Học ko nghiện game trc nha bạn
Unity
ae ở đây ai học khóa online ở CyberSoft rồi cho mình xin ít review với ạ
xin ý kiến
hai bạn cố gắng nói chậm chút
Bạn có thể chỉnh tốc độ 0.75 nhen
first cmt
nói nhanh với không rõ chữ anh ơi! từ từ thôi
Em có thể chỉnh tốc độ 0.75 nhen