HTML CSS cơ bản cho người mới bắt đầu
Khóa đầu tiên của mình, dạy HTML CSS từ con số 0 cho các bạn mới bắt đầu học làm web.
- 1.686 học viên
- 138 bài học
MớievondevKit UI/UX đã ra mắt
Xin chào, mình là Tuấn, mọi người hay gọi mình là evondev.
Mình làm Frontend từ năm 2016, bắt đầu từ cắt HTML CSS rồi tới JavaScript, React và Next.js. Ngoài giờ code thì mình thích viết blog, làm video YouTube và đang tập nói tiếng Anh mỗi ngày. Mấy năm trước mình làm khá nhiều khóa học lập trình, còn bây giờ thì mình dành thời gian để làm các công cụ giúp code cùng AI cho hiệu quả hơn.
evondev.ts
const evondev = {
name: "Trần Anh Tuấn",
nickname: "evondev",
role: "Frontend Developer",
since: 2016,
stack: ["React", "Next.js", "TypeScript"],
loves: ["YouTube", "Blog", "English", "Badminton", "Family"],
family: "Wife and son",
building: "evondevKit UI/UX",
};
Mình hay dùng
- HTML
- CSS
- Sass
- WordPress
- JavaScript
- TypeScript
- React
- Next.js
- Tailwind CSS
- Node.js
- MongoDB
- Prisma
- Vite
- Figma
- Git
- Vercel
- Claude
Hành trình
Hành trình 10 năm làm Frontend của mình
Từ lúc ra trường đi làm HTML CSS cho tới bây giờ, năm nào mình cũng có vài thay đổi khá lớn. Mình ghi lại ở đây kèm mấy tấm ảnh, vừa để sau này nhìn lại cho vui, vừa để các bạn biết mình đã đi qua những gì.
2016
Khởi đầu hành trình
Sau khi thực tập 4 tháng cuối năm 2015, mình nghỉ Tết rồi bắt đầu đi tìm việc. Rải CV khá nhiều nơi và cuối cùng thì mình cũng có công việc đầu tiên với vị trí HTML CSS Developer tại công ty InceptionLabs.
2017
Thay đổi công ty
Sau chuyến du lịch Vịnh Hạ Long với công ty thì tới giữa năm 2017 mình nghỉ việc và chuyển qua công ty mới. Thời điểm đó mình chủ yếu làm WordPress, dùng mấy công cụ kéo thả rồi tùy biến lại giao diện.
2018
Bắt đầu học JavaScript
Tới năm 2018 thì mình mới bắt đầu học JavaScript một cách nghiêm túc để trở thành Frontend Developer. Cũng trong năm này mình bắt đầu viết blog evondev.com, và thương hiệu Evondev ra đời từ đây.
2019
Xây dựng nền tảng KTcity
Năm này mình bắt đầu học ReactJS, rồi cùng một anh bạn mới vào công ty xây dựng nên KTcity, nền tảng học trực tuyến mà sau này các bạn học viên học khóa học của mình trên đó.
2020
Tạo khóa học đầu tiên
KTcity ra mắt được một năm thì mình tận dụng luôn nền tảng có sẵn của công ty. Kết hợp với mấy năm đi làm và chia sẻ trên blog, mình quyết định làm khóa học đầu tiên là HTML CSS cơ bản dành cho người mới.
2021–2022
Ra mắt thêm nhiều khóa học
Hai năm này mình tiếp tục ra mắt thêm khóa cắt giao diện từ Photoshop, JavaScript và React. Đồng thời mình cũng đẩy mạnh chia sẻ kiến thức dưới dạng video trên kênh YouTube và TikTok.
2023
Dạy học và làm nội dung nhiều hơn
Năm này mình làm thêm các khóa học mới, chia sẻ nhiều hơn trên Facebook, YouTube và TikTok, vừa dạy online vừa dạy offline.
2024
Khóa Next.js 14 và evonhub.dev
Mình ra mắt khóa Next.js 14, hướng dẫn xây dựng một nền tảng học lập trình trực tuyến từ A tới Z với Next.js và MongoDB. Tháng 5 năm đó mình cũng ra mắt evonhub.dev, nền tảng học mới của mình.
2026
Ngừng bán khóa học, tập trung làm sản phẩm
Năm nay mình ngừng bán toàn bộ khóa học cũ để tập trung làm sản phẩm và chuẩn bị mấy khóa mới cho thời AI. Mới nhất là evondevKit UI/UX, bộ skill giúp AI làm UI như một designer, bên cạnh SpeakNow, Teach Template và Personal Tracker.
Hiện tại
Developer tại focus.camp
Hiện tại mình đang làm Developer cho focus.camp, nền tảng cộng đồng challenge-first dành cho creator Việt thuộc The KP3. Ở đây các bạn học qua những challenge 21–90 ngày, có AI Agent đồng hành để cùng nhau làm ra sản phẩm thật.
- Theo dõi YouTube
Còn tiếp...
Hành trình vẫn còn đang viết tiếp. Mình làm tới đâu là kể lại trên kênh YouTube tới đó, các bạn theo dõi để xem chặng tiếp theo nhé.
Khóa học
Các khóa học mình đã làm
Từ năm 2020 mình làm tổng cộng 8 khóa học, đi từ HTML CSS cho người mới cho tới React và Next.js. Hiện tại mình đã ngừng bán tất cả để dồn sức chuẩn bị mấy khóa học mới, phù hợp hơn với cách mọi người học và làm sản phẩm khi có AI.
Sắp có
Khóa học mới cho thời AI
Mình đang chuẩn bị mấy khóa học mới, dạy cách làm sản phẩm thật khi có AI làm cùng: từ lúc lên ý tưởng, code, kiểm tra cho tới khi đưa lên cho người dùng. Khi nào có lịch ra mắt mình sẽ báo trên kênh YouTube đầu tiên nhé.
Các khóa đã làm · đã ngừng bán
Mấy khóa này mình không bán nữa, nhưng vẫn để lại đây vì đó là phần mình bỏ nhiều tâm huyết nhất trong mấy năm qua.
Cắt giao diện từ Photoshop với Gulp, Pug, Sass
Code một giao diện hoàn chỉnh từ file Photoshop với Gulp, Pug, Sass, hiển thị tốt trên cả điện thoại.
- 1.694 học viên
- 110 bài học
HTML CSS Master
Thực hành code giao diện từ Figma sang HTML CSS từng bước, giải thích chi tiết từng dòng code.
- 957 học viên
- 62 bài học
JavaScript cơ bản đến nâng cao
Nền tảng JavaScript từ biến, hàm, mảng, object tới DOM, event, gọi API và thuật toán cơ bản.
- 539 học viên
- 375 bài học
TypeScript cơ bản
Làm quen TypeScript từ đầu: khai báo kiểu, interface, type và cách áp dụng vào code JavaScript có sẵn.
- 1.182 học viên
- 55 bài học
ReactJS cơ bản đến nâng cao
Học React từ đầu: component, props, state, hooks, gọi API, rồi ráp lại thành một ứng dụng hoàn chỉnh.
- 656 học viên
- 377 bài học
ReactJS Master: nắm vững React chuyên sâu
Đi sâu vào cách React chạy bên trong: key, reconciliation, re-render và các pattern hay dùng khi làm dự án thật.
- 28 học viên
- 23 bài học
NextJS Pro: xây dựng hệ thống E-Learning
Xây một hệ thống e-learning hoàn chỉnh với Next.js: khóa học, đơn hàng, coupon, đánh giá và bình luận.
- 342 học viên
- 111 bài học
Sản phẩm
Mấy sản phẩm mình đang làm
Sau khi ngừng bán khóa học thì giờ mình dành phần lớn thời gian để tự làm sản phẩm. Phần lớn là công cụ mình làm ra để tự dùng trước, thấy ổn rồi mới chia sẻ cho các bạn, từ skill cho coding agent tới app luyện nói tiếng Anh.
Skill cho coding agent
Giúp AI làm UI app như một designer.
Sản phẩm mới nhất của mình. Skill đọc codebase của các bạn, đưa ra 2–3 wireframe để chọn rồi mới dựng bằng component có sẵn trong dự án.
- Đã qua 70 prompt test
- Có wireframe trước khi viết code
- Tự kiểm tra từ 375px tới 1920px
Cài trong Claude Code
/plugin marketplace add evondev/evondevKit
/plugin install evon@evondevkit
VS Code
Theme và extension cho VS Code
Hồi còn cắt giao diện mỗi ngày, mình có làm một theme và mấy extension nhỏ để code nhanh hơn. Tới giờ cả bốn đã có hơn 417K lượt cài trên VS Code Marketplace, các bạn cài miễn phí nhé.
Theme
Evondev Dracula
Theme mình làm dựa trên Dracula Official nhưng tăng độ tương phản lên, ngồi code lâu nhìn đỡ mỏi mắt hơn.
Extension
Indent Rainbow Palettes
Tô màu từng cấp thụt lề theo bảng màu cầu vồng, code lồng nhau nhiều tầng nhìn một cái là biết đang ở cấp nào.
Extension
Evondev Snippets
Bộ snippets HTML CSS mình hay dùng nhất khi cắt giao diện, gõ vài ký tự là ra nguyên đoạn code menu, dropdown, modal.
Extension
HTML to CSS Class
Bôi đen đoạn HTML rồi chạy lệnh là copy ra hết class thành CSS hoặc Sass, dán vào file style là xong.
Số liệu từ VS Code Marketplace, tháng 10/2026
Sở thích
Mấy thứ mình thích làm
Ngoài công việc thì đây là những thứ mình dành thời gian mỗi tuần.
Làm YouTube
Quay video về Frontend, AI và mấy sản phẩm mình tự làm.
Xem kênhViết blog
Viết lại những gì mình học được, từ React cho tới LLM.
Đọc blogHọc tiếng Anh
Mỗi ngày tập nói một chút, có quay lại thành series trên YouTube.
Đánh cầu lông
Môn mình chơi để vận động sau những ngày ngồi code nhiều.
Coding
Vừa là công việc vừa là sở thích, giờ thì code cùng AI nhiều hơn.
Cảm nhận
Mọi người nói gì về mình
Đây là vài lời nhắn từ các bạn đã dùng thử evondevKit UI/UX, các bạn xem video từ hồi xưa và học viên cũ. Lâu lâu mình đọc lại vẫn thấy vui lắm, cảm ơn các bạn nhiều nha.
“Xịn quá. Cái này theo loop "Wireframe → chọn → build → đo → sửa", mục tiêu chống "mùi AI" thì hơn hẳn 😊 Em thêm 1 sao rồi.”
Dũng BoyKa
Dùng thử evondevKit UI/UX
“Thích quá, nó đưa ảnh hiện tại và ảnh đề xuất chỉnh sửa. Ok rồi code. Phê quá bác ạ ^^!”
Vũ Tuyên Hoàng
Dùng thử evondevKit UI/UX
“+1 star ủng hộ bác. Hiện skill gì cũng có, thiếu mỗi skill ui-ux phù hợp.”
Nguyễn Tri Long
Dùng thử evondevKit UI/UX
“Đã thử và phải wow luôn anh ạ 😅😅”
Mạnh
Dùng thử evondevKit UI/UX
“Cảm ơn bác nhé, đúng thứ em đang cần.”
Trần Hiệp
Dùng thử evondevKit UI/UX
“Mong có nhiều sản phẩm như này hơn nữa.”
Nguyen Khanh Hoang
Dùng thử evondevKit UI/UX
“Nhờ những video thiết kế frontend website hồi xưa năm 1 năm 2, lúc em đang học khoảng 2020~2021 của bác mà em rất thích làm web luôn. Em còn nhớ cài cái ext theme Dracula mod lại của bác nữa cơ 🙂”
Trọng An
Xem video từ năm 2020
“Trước hay xem blog của bạn. Bác là trùm CSS đây mà. Keke”
Fox Theme
Độc giả blog
“Cảm ơn anh vì đã tạo ra khóa học bổ ích này. Những gì học ở trường chỉ là những thứ cơ bản ít vận dụng được... Qua khóa học của anh thì e nhận được nhiều điều bổ ích hơn, nhiều kiến thức mới hay ho hơn và nhiều kinh nghiệm hơn để e có thể sử dụng để đạt hiệu quả hơn trong công việc và phát triển bản thân sau này...”
Đỗ Cao Long
Học viên
“Mình rất bị ấn tượng bởi cấu trúc bài học, rất chi tiết, và sắp xếp khoa học. Khóa học có đủ cả lý thuyết và thực hành ngay sau đó. Mình là một người chưa biết gì về HTML và CSS cũng có thể hiểu được một phần, tất nhiên cũng cần tìm hiểu thêm tài liệu ở bên ngoài. 5 sao ủng hộ anh tác giả và mong anh sẽ ra thêm nhiều khóa học về mảng này trong tương lai! Peace!!!”
Phạm Hoàng Đạt
Học viên
“Khóa học cực chi tiết, videos học thì nhiều quá trời nhiều, các bạn mới bước chân vào lập trình web nhất định phải xem qua khóa này. Video ngắn dễ hiểu, dễ tiếp thu lắm nên mọi người hoàn toàn có thể tập trung vào nội dung mà ko bị chán. Học cực kỳ thích. À, anh Tuấn còn có trang web cực chất chuyên share những UI cực đẹp nữa”
Huỳnh Anh Bảo
Học viên
“Khóa học rất bổ ích, giúp mình phân tích từng phần của một giao diện thực tế, cách tối ưu code như thế nào, viết code làm sao để tái sử dụng ở nhiều nơi, rất mong sẽ có thêm nhiều khóa học bổ ích khác.”
Trần Tạ Toàn
Học viên
“Cảm ơn a vì đã tạo ra những khóa học chất lượng, mình biết đến a thông qua youtube nhưng không đủ tiền nên chưa mua được khóa học, nay thấy a giảm giá nên quất luôn”
Hoàng Long Nguyễn Hữu
Học viên
“Khóa học hay và chi tiết. Cảm ơn anh Evondev nhiều ạ. Mong anh giữ gìn sức khỏe, hạnh phúc trong cuộc sống. Đặc biệt là sẽ cống hiến thêm nhiều video hay và bổ ích. Khóa học rất đáng tiền nha”
Long Ninh Hoàng
Học viên
Hỏi nhanh
Một vài câu các bạn hay hỏi mình
Nếu không thấy câu hỏi của bạn ở đây thì cứ để lại bình luận dưới video hoặc nhắn mình trên TikTok nhé.
Evondev còn bán khóa học không?
Hiện tại mình đã ngừng bán tất cả các khóa học cũ rồi nhé. Mình đang chuẩn bị mấy khóa mới phù hợp hơn với thời AI, khi nào có lịch ra mắt thì mình báo trên kênh YouTube đầu tiên.
evondevKit UI/UX là gì?
Đây là bộ skill cho coding agent mà mình viết, dùng được với Claude Code, Cursor, Codex, OpenCode, Antigravity và ZCode. Skill đầu tiên là evon:ui-ux, giúp agent làm UI app theo cách một designer làm: đưa brief và 2–3 wireframe cho các bạn chọn rồi mới dựng. Bộ này miễn phí và mã nguồn mở.
Teach Template có mất phí không?
Không mất phí đâu các bạn. Trên trang Teach Template mình có giải thích chi tiết bộ này gồm những gì và cách cài cho từng tool, các bạn vào xem rồi nhận file ở đó nhé.
Personal Tracker cài ở đâu?
Các bạn vào trang Personal Tracker trên speaknowenglish.org nhé, ở đó mình có giải thích từng widget và cách cài. Extension này miễn phí, nhận file qua email.
Theo dõi
Cảm ơn bạn đã lăn chuột tới dưới này nha
Nếu thấy mấy thứ mình chia sẻ có ích thì các bạn theo dõi mình trên YouTube, TikTok hoặc ghé blog đọc bài nhé. Có gì mới là mình đăng ở đó đầu tiên.