Tổng hợp Full Lộ Trình và các Công Nghệ Web nên học năm 2022 HD

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: https://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: https://toidicodedao.com/ Fanpage: https://www.facebook.com/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