Tổng hợp Full Lộ Trình và các Công Nghệ Web nên học năm 2022
Ғылым және технология
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: 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!
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: toidicodedao.com/
Fanpage: / toidicodedao
==== 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
Пікірлер: 353
Ông nào thấy con mèo chỗ 7:23 quen quen thì like nha 🐧
@inhduongquang3757
2 жыл бұрын
lộ trình học react js đi a ơi
@dathu
2 жыл бұрын
14:27 nói gì zậy trời giảm tốc vẫn không nghe ra
@lukebraferd7979
2 жыл бұрын
lộ trình học code ra trang mèo đen đi anh :v
@ankdo3871
2 жыл бұрын
Thằng wibu lm đoạn đó à?
@tieuloi_axacminh8045
2 жыл бұрын
@@dathu javascrip
Anh có thể làm video nói về hướng blockchain trong tương lai được không ạ ví dụ như ngôn ngữ solidity, em thấy blockchain đang dần trở thành thế lực nên sẽ có nhiều việc làm trong tương lai ạ, ai muốn anh Hoàng làm về chủ đề này thì like giúp mình nhé ❤️
2 жыл бұрын
À nếu nhiều bạn quan tâm a sẽ làm nhé
@vunguyen-lv6rr
2 жыл бұрын
vote một vé hóng anh làm ạ
@haianghuynh1838
2 жыл бұрын
@ em quan tâm cả năm luôn rồi anh ới :((
@huulongphung170
2 жыл бұрын
@ anh ơi làm luôn thôi em excited lắm rồi
@zzpro110
2 жыл бұрын
Làm thôi anh ơi :))
thanks a, youtuber IT có tâm nhất vn
Cảm ơn ông về video clip này nha. Những tổng hợp này tuy đơn giản nhưng thật ra mang ý nghĩa rất lớn, nó giúp những bạn chuyên làm về một mảng hiểu về mảng còn lại (FE hiểu thêm về BE và ngược lại). Biết được công nghệ đang phát triển như thế nào và công ty mình đang làm có đi đúng với xu hướng hay ko.
Cám ơn đóng góp của anh cho cộng đồng, chúc anh nhiều sức khỏe và nhiệt huyết trong năm mới
Cảm ơn anh. Chúc anh năm mới sức khoẻ và thành công.
Thực sự cảm ơn Hoàng vì một video chất lượng.
Quá đỉnh luôn anh, nhờ anh em mới nhận ra thế giới này rộng lớn
Rất chi tiết và cụ thể, bổ ích cho newbie như mình! Mong là Hoàng sẽ dành thời gian làm 1 bài về các chứng chỉ mà newbie nên kiếm và kiếm ở đâu(only for newbie Hoàng nhé). Thanks!!!!
Cảm ơn anh Hoàng vì một tiếng video bổ ích
Video hay. Nhiều người bảo công nghệ cross platform như React Native chỉ đú được 1 thời gian rồi ngủm nhưng mình thấy 2022 rồi React Native, Flutter vẫn sống khỏe. Càng ngày càng cải thiện hơn.
E xem nhiều videos lại thích cách nói nhanh của a, không dài dòng mà tiếp thu lại rất nhanh
nói kỹ là tới tết năm sau luôn á anh. thanks anh, năm mới nhiều may mắn.
cảm ơn anhhh, yêuuuu anhh
Hôm nào a rãnh live coding 1 trang home page đi a. Chỉ cách những thiết lập cơ bản và tư duy khi code giao diện ạ. Chúc a năm mới sức khoẻ ạ!
@thango7083
Жыл бұрын
Đúng
Mong a Hoàng có 1 video so sánh giữa 2 mảng React với mấy web CMS như Wordpress
TOP bạn ơi ^^ đầy đủ cho 1 nhìn tổng quát
Đang làm về Data Engineer, rất quan tâm về những chủ để ntn để hiểu hơn mấy ông Back-end làm gì kkk. Tks a.
video đáng lẽ phải nhiều view hơn, nhiều thông tin vậy mà
Khá là quan tâm nhưng mà ngồi xem xong vlog đúng kiểu : " ta chỉ là hạt cát trong một đại dương xanh" . Em sinh viên năm nhất vẫn còn nhiều thứ phải học. Mong anh tiếp tục ra nhưng video chất lượng !!
Cảm ơn a đã chia sẻ ạ
Quá hay luôn anh ơi
Quá chi tiết và bổ ích
View xịn dị a😍
Mong anh làm tiếp về backend đi ạ =)))
Hay quá anh ! mấy video tổng quát công nghệ này ít người làm được lắm ! coi video của a giúp em khái quát kiến thức cần có khi làm dev web ! Mong anh ra nhiều video kỉ thuật như v nữa !
Hay lắm a ơi
Cảm ơn anh, anh có thể làm qua về ReactJS đi anh vì hiện tại ReactJS rất được nhiều công ty công nghệ dùng á anh ^^
Em mong sẽ có vid tổng hợp các site, group để cập nhật thông tin, công nghệ, v.v khi rảnh rỗi ạ
Mong video sau anh làm về Lộ trình mảng Mobile ạ!!
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
Video rất hữu ích, bạn hãy làm thêm video về dev mobile và desktop app
Hay quá anh ưi :b
Làm về HUGO đi anh Hoàng, em thấy nó hay hay cũng có thể là tương lai! :) Cảm ơn anh!
Mong anh làm tiếp về backend
Video hữu ích
em cám ơn anh
Hay quá anh ơi. Em mới rớt 3 môn :(
Hay quá
An h này ra clip osoi wa
Xem bro Hoàng nhiều mới biết là tôi đi code dạo, mới xem nghe thành tony code dạo
sao thấy ít ai quan tâm tới webassembly vậy, công nghệ mới cũng khá hay ho mà mn :( mong mn quan tâm ủng hộ để anh zai làm 1 video về công nghệ này
Cảm ơn anh
anh dạy về ngôn ngữ python đi ạ
hay quá anh
em mới vào ngành nên ko biết nên recommend gì cho video sau :)) thôi em ngồi hóng vậy :))
Mong anh ra một video chỉ dẫn lộ trình học lập trình từ con số 0.e muốn học ngôn ngữ đầu là java.
Anh làm video về Data Science đi anh.
Anh làm video nói về mảng công nghệ tài chính đi ạ
CLip hay quá a
clip học react 15p đi anh ơi
Anh làm các thủ thuật vui vs web đi vd như sửa nội dung hiển thị v.v.. dễ dễ mọi người làm theo được
Ui chú Hoàng đẹp trai có thể làm series lập trình Node.js được không ạ? :3
Làm về những cơ bản của VueJS đi anh ơi
làm clip học react đi anh ơi !
Anh làm về code Web3 đi anh.
anh làm full lộ trình bên kỹ thuật phần mềm đi ạ
Anh làm sâu hơn về Message Queue đi anh
anh làm video học reactjsb siêu tốc đi ạ
Anh có thể làm vid về IoT, công nghệ cảm biến được không anh. Em thấy mảng này khá tiềm năng mà ở VN không phổ biến lắm
2 жыл бұрын
À nếu nhiều bạn quan tâm a sẽ làm nhé
@stylephoidoxinh
2 жыл бұрын
Em đang code back end và font end cho đồ án iot cảm biến , anh có thể làm về chue đề này dc ko ạ , em làm đồ án nhưng em học điện công nghiệp ak
@huongsenongthap478
2 жыл бұрын
Tại cưng ko làm, chư iot giờ làm ầm ầm, tiềm năng gì nữa, giờ đang phát triển quá trời :))
@ucphamminh9190
2 жыл бұрын
Do em thấy mảng này ở nước ngoài phổ biến quá mà ở VN mình ít ai đề cập và chia sẻ kiến thức 😅, đa số là app với web thôi à
@trucnguyenvan5996
2 жыл бұрын
+1
a lm clip về cơ hội vc lm cho ng hc python đi a
Làm về typescript đi a
anh hoàng ơi. anh có thể chia sẽ các web và kênh youtube tự học trước đây của anh được không
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 có thể làm video nói về lập trình abap sap đi ạ. Em tìm hiểu về cái đấy mà vẫn mông lung. 🐧🐧
Làm sâu về Vue đi anh
a 1 hôm làm về ci/cd và ví dụ dễ hiểu đi a
2 жыл бұрын
À nếu nhiều bạn quan tâm a sẽ làm nhé
Video rất bổ ích nhưng mong anh nói chậm lại 1 chút , anh nói hơi nhanh em toàn phải tua đi tua lại ^^ cảm ơn anh
Mỗi lần xem video của a, em đều phải giảm xuống 0.5 để nghe cho rõ :))
anh ơi anh chia sẻ lộ trình học js hiệu quả đi ạ
Anh có thể làm 1 video nói về 1 dev frontend/backend giỏi thì có những kỹ năng gì không ạ.
@mbee9355
2 жыл бұрын
Đúng
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.
Để kiếm con beat nào lồng vô vid là như bắn rap luôn :D
Anh làm về Web 3.0 đi ạ
a làm về video học reactjs trong 30p đi ạ
Hình như flutter update code app trên windows r á anh, làm clip review i anh hihi
Anh làm video về reactjs đi anh
anh làm một số trang cập nhật công nghệ đi anh
anh làm về mảng deploy đi anh
Hôm nào a làm video chia sẻ cách phỏng vấn đi ạ. Em đi pv hay bị hỏi đoạn code chạy như thế nào mà e thấy hỏi như vậy không thực tế lắm. Vì khi làm thực tế mình có thể search được mà tại sao đi pv ngta hay hỏi định nghĩa với giải thích sao ra như vậy ạ. Mong được a khai sáng ạ (bow)
@DatNguyen-dc4tt
2 жыл бұрын
vãi nồi. Bết bát bạn cũng cần tư duy dc nó sẽ chạy kiểu j chứ
Xem nhiều video a Hoàng giờ speed 1.5 vẫn nghe rõ :V
2 жыл бұрын
Tập x2 cho máo e ơi :3
Anh ơi làm về lộ trình mobile đi ạ
xịn
a làm gờ líp nấu ăn siêu to khổng lồ đi ;))
Em chào anh. Em muốn học front end thì nên học ở đâu và nên bắt đầu từ đâu, mong anh chỉ dẫn. Em cảm ơn anh ✌️
t hay xem x1.5 gặp những video ông này thật tuyệt vọng
Hix, video thường thì vẫn nhanh nhưng cái này thì nhanh quá, nghe thôi cũng toát mồ hôi :))
2 жыл бұрын
Bạn có thể chỉnh tốc độ 0.75 nhen
anh ơi bắn rap chậm thôi anh😂😂 video rất vip rất hữu ích mà em phải chỉnh xuống 0.5 mới nghe rõ 😂😂😂
Anh có thể làm 1 video về giải mã hóa dc hok nhỉ
Em thấy bên Back end phần Database có dùng PL/SQL nữa á anh Hoàng
Anh làm về iot đi ạ
Làm về ReactJS đi a
Anh ơi nói thêm về blockchain được không ạ ? Cụ thể như : Tầm phát triển trong tương lai Có khó không Bắt đầu từ đâu và có cần học trước các ngôn ngữ nào không ạ ? Em cảm ơn ạ
@AlanAlan-bv9yg
2 жыл бұрын
solidity
làm về Angular anh ơi
anh làm video chạy code ra một sản phẩm nào đó đi anh
Thanks H
Mr Hoàng nói rõ ra cho đại chúng còn nghe với. Chứ cứ phải pause rồi replay nhiều lần quá. Mệt
2 жыл бұрын
Bạn có thể chỉnh tốc độ 0.75 nhen
Hoàng ơi làm về ruby on rail được ko, từ PHP quá thấy cứ hơi sida review tí nào :(
Vip pro
wordpress dùng để làm web bán hàng được hả anh. Em định làm một trang web bán hàng cho gđ đang phân vân nên code tay hay dùng wordpress đây 😢😢