Nay là đầu năm 2022, nhiều bạn quan tâm đến việc học lập trình web, nên mình làm vlog chia sẻ lộ trình học lập trình web, phân biệt front-end/back-end, và các công nghệ web nên học trong năm 2022 luôn nhé.
Nhớ subscribe cho mình nhe:
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!
Timestamp
00:00 – Giới thiệu vlog
01:02 – Phân loại front-end, back-end, full-stack developer
02:10 – Công nghệ, lộ trình học và làm front-end
03:15 – Nhập môn bằng HTML, CSS, JavaScript
04:10 – Nâng cao: các CSS framework phổ biến
05:33 – Các JS Framework phổ biến như ReactJS, Angular, VueJS
07:05 – Deploy code front-end ở đâu
08:12 – Công nghệ, lộ trình học và làm back-end
08:55 – Các ngôn ngữ/framework để làm web back-end
10:05 – Dăm ba loại Database và Message Queue
11:40 – Phân biết Rest và GraphQL
13:03- Code bakc-end xong deploy ở đâu
14:17 – Các công nghệ web khác
15:45 – Một số tool phổ biến anh em nên biết
Ghé thăm mình tại:
Blog:
Fanpage:
==== Nội dung slide ====
Lập trình web năm 2022 có gì hot?
Tổng quan lộ trình học, công nghệ sử dụng
Clip này có gì hot?
01
Phân loại
02
Công nghệ front-end
03
Công nghệ back-end
04
Các mảng khác + tool
Dăm ba loại Web Developer
Front-end
Back-end
Lưu trữ và xử lý dữ liệu, code API
Fullstack
Ôm cả front-end lẫn back-end, gì cũng chơi
Code giao diện và interaction
Công nghệ, lộ trình
làm front-end
01
Làm giao diện (UI) và tương tác (UX)
Cắt HTML/CSS từ Photoshop/Figma
Code giao diện, animation, chuyển trang
Gửi/nhận dữ liệu tới server, làm việc với back-end
(Những cái người dùng thấy)
Làm front-end là làm gì?
Bộ 3 front-end nhập môn
(học trên kênh Code Dạo)
Thêm chức năng, tương tác cho web
HTML
Xương sườn cấu tạo trang web
Mông má style cho
trang web đẹp lên
CSS
JavaScript
Nâng cao: CSS Preprocessor
Nâng cao: CSS Framework
Ngon, bổ, rẻ, phổ biến
Bootstrap
Mới mẻ, phá cách
Tailwind CSS
Mới mẻ, gọn nhẹ, dễ dùng
Bulma
Phong cách Material UI
Materialize
Nâng cao: JS Framework
Ngon, phổ biến, tài liệu nhiều
React
Dài dòng, code ổn, có cấu trúc
Angular
Mới lạ, nhiều cái hay, tài liệu sida
Vue
Mới, có tiềm năng, chưa phổ biến
Svelte
Sida vì có vue2 vue3
Bonus: Code front-end deploy ở đâu?
Github Pages
Netlify
Vercel
Công nghệ, lộ trình
làm back-end
02
Bảo mật, lưu trữ, xử lý dữ liệu dưới database
Quản lý, phân quyền (đăng nhập, đăng ký)
Gửi/nhận dữ liệu từ front-end qua API
(Người dùng không thấy)
Làm back-end là làm gì?
Các ngôn ngữ/framework để làm back-end
PHP
C#
Java
Ruby
Python
JavaScript
Kotlin
Rust
Golang
ASP.NET MVC
Spring/Struts
Laravel/Symfony
Flash/Django
Express/Koa
Ruby on Rails
Ngày xửa ngày xưa, người ta code web chỉ cần back-end + HTML/CSS
Không cần JS hay đống framework nặng vl
Có thể bạn đã biết
Dăm ba loại Database
No SQL
SQL
PostgreSQL
Microsoft SQL Server
MySQL/MariaDB
Amazon RDS/Azure SQL
MongoDB
CouchDB
DynamoDB
Redis (Cache)
Nâng cao: Message Queue
RabbitMQ
Kafka
Amazon SQS
Azure Service Bus
REST vs GraphQL
Mỗi endpoint là 1 URL
Phổ biến, nhiều document, best practice
Dễ code, nhiều framework hỗ trợ
REST API
GraphQL
Dùng 1 endpoint duy nhất, có docs sẵn
Chưa phổ biến, back-end hơi khó code
Tiện dụng, tiết kiệm bandwidth
Bonus: Code back-end
deploy ở đâu?
Cloud
Digital
Ocean
Heroku
Công nghệ
Web khác + 1 số tool
03
Một số công nghệ web khác
Static
Site Generator
Server
Side
Rendering
CMS/Site
Builder
Bonus – Một số tool khác (học trên kênh Code Dạo)
Chrome Dev Tool
HẾT RỒI Á!
(nhớ subscribe nha)
Các bạn quan tâm vlog kỹ thuật
thì like và comment nha
#fullstack #vlog_ki_thuat #laptrinhweb
Ông nào thấy con mèo chỗ 7:23 quen quen thì like nha 🐧
Nói nhanh quá ông anh à 😁
Hay quá
đm ông anh nói hay nma nói nhanh quá 🙁 nói chậm lại xíu là 10đ luôn anh ơi
Cảm ơn em đã chia sẻ, con trai nhà chị mới học xong năm thứ nhất ĐHBK, khoa CNTT IT Việt _ Nhật, cháu cũng muốn định hướng theo Web, chị cũng ko hiểu lắm, em cho chị một lời khuyên với ạ. Cảm ơn em rất nhiều…
anh làm video chạy code ra một sản phẩm nào đó đi anh
nói chậm chậm thôi ạ. tưởng đang bật speed 2.0
Em mới bắt đầu học lập trình web tài chính dưới 20tr thì mua được mấy gì học tốt anh
I got the crack
Hay quá
Hay quá
Hay quá
em học cao đẳng môn này có được không anh nhỉ
Anh ráp à anh
Chào Hoàng, mình có một vấn đề đang phân vân chưa biết nên quyết định thế nào.
Mình năm nay 34 tuổi là kỹ sư cơ khí. Mình muốn chuyển sang nghành IT cụ thể là làm về web hay app.
Liệu với tầm tuổi này đã muộn khi chuyển sang IT. Giả sử khi đã chuyển sang thì có cơ hội cạnh tranh được với các bạn trẻ không?
Mình đang lo lắng về vấn đề tuổi tác, các công ty sẽ khộg tuyển dụng ngừoi nhiều tuổi.
Bạn có thể chia sẻ suy nghĩ của bạn về vấn đề trên ko.
Mình cảm ơn.
Nói nhanh hơn đọc chính tả vậy 🙁
Cho mình hỏi…không biết j và là tờ giấy trắng có học dc lập trình ko.?
S anh có thể nói 1 cách nhanh v em còn đang tưởng mình xem x2 nx
Cảm ơn những chia sẻ của anh Hoàng, Mà anh có thể nói chậm chút đc ko ạ :(( Em thấy anh nói nhanh quá
Hay quá
Thanks H
Chrome dev tool hack NASA được luôn cơ mà :)))
Hay quá
dạ chào anh hiện em đag hc kì 1 ở đh fpt nhưng mún tự học thêm code C thì nên hc chỗ nào ạ . Cảm ơn anh
bạn nói chậm hơn dc k . bạn nói hay nhưng hơi nhanh á
TOP bạn ơi ^^ đầy đủ cho 1 nhìn tổng quát
Cắt video nhiều quá thành thử nhiều chỗ phát âm ko rõ cái gì cả
Anh làm về iot đi ạ
Công dụng
A nói nhanh thế nghe ko rõ lắm 🙁
Lâu lâu xem ô bạn update xem có gì mới mà toàn phải để 0.75
Nói nhanh quá k nghe kip
nghe 2x kiến thức vào nhanh hơn
Anh ơi làm về lộ trình mobile đi ạ
Mong anh hoàng làm clip cho mấy đứa sinh viên năm nhất IT tụi em, như nắm rõ cái nào và có thể tự học gì để có thể xin thực tập ở năm 2 năm 3 ạ. em cảm ơn
vl hack NASA =))
Ah ơi.e người chưa biết gì về web bây giừ e muốn học thì học như nào được ah
E cảm ơn ah.
Nói như đi ăn cướp
Anh có thể nói chậm lại được ko :)))
ông hoàng thik xem 2ten giống bạn tui
Thật ra là để tập nghe tiếng Việt :)))
Bạn ơi, thuê bạn test giúp độ bảo mật 1 bộ source php thuần thì được ko bạn ?
Em có 1 góp ý nhỏ về cách trình bày: anh nên nói chậm lại 1 chút, nên nói từng quãng rồi nghỉ không nên nói liên tục nhưng nếu ghép từng đoạn video anh nói thì anh nên ghép sao cho giữa các đoạn nói mượn hơn chậm hơn. Cảm ơn anh đã đọc.
Deploy ở GCP nghe nói tốt, với được tặng 300$ để trải nghiệm miễn sao có tk Google nữa