Nhập môn thiết kế web mobile: Hiện thực hóa hoàn hảo thiết kế Figma với Javascript

Đây là khóa học xây dựng ứng dụng web sử dụng React và Firebase để triển khai các tính năng cốt lõi trong thực tế như đăng nhập, quản lý bài viết, tải lên tệp tin và quản lý hồ sơ. Bạn có thể tạo ra một dịch vụ web hoàn chỉnh bằng cách thực hiện từng bước các tính năng: đăng nhập bằng email và mạng xã hội thông qua Firebase Authentication, lưu trữ và xử lý dữ liệu thời gian thực dựa trên Firestore, chức năng tải lên tệp tin bằng Firebase Storage, và cả chức năng quản lý hồ sơ. Khóa học này được thiết kế để giúp những người đang học phát triển Frontend hiểu cách triển khai nhanh chóng một dịch vụ web bằng Firebase mà không cần xây dựng hệ thống máy chủ phức tạp.

Bạn có kiến thức cơ bản về HTML, CSS, JavaScript (jQuery) chưa? Nhưng bạn không biết cách tạo toàn bộ một trang web hoàn chỉnh? Vậy thì hãy thử thách bản thân bằng cách thực hiện trang chủ của một trang web bán hàng tham khảo một thiết kế có sẵn. Chúng tôi sẽ chia sẻ bí quyết để thực hiện một trang web bằng cách tham khảo một thiết kế hoàn chỉnh, nắm bắt ý định thiết kế và các chi tiết cụ thể.

Đây là khóa học dự án phát triển web thực tế, hoàn thiện mọi công đoạn từ lập kế hoạch, thiết kế, triển khai đến phân phối chỉ trong một lần bằng cách tận dụng AI tạo sinh. Bạn sẽ tạo ra các thiết kế bằng Stitch và Figma Make, sau đó tạo mã nguồn bằng AI Studio để phân phối thành một dịch vụ thực tế. Ngay cả khi không biết nhiều về lập trình, bạn vẫn sẽ học được cách phát triển cùng với AI và hoàn thiện ứng dụng web AI của riêng mình. Giờ đây, chính bạn cũng sẽ trở thành một nhà phát triển cộng tác cùng AI.

"Khóa học dự án thực chiến phát triển web: Hoàn thiện từ lập kế hoạch, thiết kế, triển khai đến phát hành bằng cách tận dụng AI tạo sinh" Bắt đầu từ việc hình thành ý tưởng, tạo thiết kế nhanh chóng bằng AI, triển khai trang web hoạt động thực tế với React, và cuối cùng là đưa lên internet - chúng ta sẽ cùng nhau hoàn thiện từng bước một của toàn bộ quy trình. Các công cụ AI mới nhất như Stitch và Figma Make sẽ hỗ trợ công việc thiết kế, và tôi sẽ hướng dẫn bạn cách thực hiện những phần lập trình phức tạp một cách dễ dàng theo từng bước.

Đây là khóa học tập trung vào dự án, nơi bạn sẽ trực tiếp xây dựng "Ứng dụng quản lý công việc (ToDo List)" bằng React + TypeScript với tư duy thực tế. Không chỉ dừng lại ở việc học cú pháp đơn thuần, bạn sẽ được rèn luyện kỹ năng sử dụng TypeScript thông qua việc hoàn thiện một dịch vụ thực tế theo quy trình: Thiết kế cấu trúc component → Quản lý trạng thái → Áp dụng Type → Triển khai tính năng → Liên kết Local Storage → Triển khai (Deploy).

Đây là khóa học nhập môn tập trung vào thực hành để nắm vững các cú pháp cốt lõi của TypeScript nhằm nâng cao tính an toàn kiểu dữ liệu và khả năng đọc hiểu code. Bạn sẽ học từ thiết lập môi trường dự án đến interface, generic, utility type thông qua các ví dụ code thực tế.

Bước đầu học React dành cho Publisher! Học tất cả trong một, từ cú pháp cơ bản đến sản xuất và triển khai trang web mua sắm phản hồi (responsive). Thay vì chỉ là tập hợp các ví dụ React rời rạc, bạn sẽ được học và áp dụng các cú pháp cốt lõi cần thiết để xây dựng một trang web thực tế.

Khóa học này giải thích từng bước quy trình chuyển đổi thiết kế Figma thành trang web. Nó bao gồm toàn bộ thực hành xuất bản web từ lưu hình ảnh đến viết HTML, CSS và Javascript. Được tiến hành một cách có hệ thống để ngay cả người mới bắt đầu cũng có thể dễ dàng làm theo. Thông qua học tập tập trung vào thực hành, bạn có thể học cách chuyển đổi thiết kế web thành mã một cách hiệu quả.

CSS Grid là một công cụ mạnh mẽ cho phép bạn triển khai các bố cục phức tạp một cách đơn giản và trực quan. Trong bài giảng này, bạn sẽ được học từng bước một cách dễ dàng từ các khái niệm cốt lõi của CSS Grid đến cách sử dụng thực tế. Đừng để bị ràng buộc vào float và flexbox phức tạp nữa, hãy học cách thiết kế bố cục hiệu quả! Bắt đầu ngay bây giờ!

jQuery, thư viện javascript được sử dụng bởi hơn 75% trang web trên toàn thế giới! Nội dung khóa học được xây dựng để bạn có thể củng cố những kiến thức cơ bản, hiểu rõ nguyên lý hoạt động thay vì chỉ tập trung vào những hiệu ứng hào nhoáng. Hãy học từ cơ bản đến nâng cao về jQuery để hoàn thành portfolio của riêng bạn hoặc áp dụng ngay vào công việc thực tế.

Thông qua JavaScript, chúng ta có thể chọn các phần tử HTML và thay đổi kiểu dáng (style) của chúng hoặc thực hiện các hiệu ứng hoạt họa (animation) dựa trên nhiều sự kiện khác nhau. Từ các cú pháp cơ bản của JavaScript, chúng ta sẽ thực hiện việc thay đổi style, thiết lập sự kiện và triển khai các hiệu ứng thường được sử dụng khi xây dựng trang web.

Học từ cơ bản về CSS đến hoạt ảnh (animation) và thiết kế đáp ứng (responsive). Củng cố chắc chắn các kỹ năng cơ bản thông qua việc ôn tập các nội dung đã học bằng các ví dụ thực tế.

Thông qua khóa học này, bạn có thể củng cố vững chắc kiến thức cơ bản về HTML - một trong ba ngôn ngữ chính cấu tạo nên trang web bên cạnh CSS và JavaScript. Hãy học cách viết HTML đúng chuẩn, tuân thủ tiêu chuẩn web và khả năng tiếp cận web, đồng thời tối ưu hóa cho việc tìm kiếm.

Bạn có thể tìm hiểu cách phát triển các hiệu ứng tương tác nâng cao thường xuất hiện trên trang web của Apple từ đầu.

Trong thực tế! Tạo trang web từng bước! Đây là quá trình tạo trang chính của Crew Alamode (https://crewalamode.com/). Thông qua quá trình tạo và triển khai trang web tương tác tuyệt đẹp có trong trang web, chúng tôi sẽ dạy cho bạn bí quyết thực tế cốt lõi để tạo các bố cục phức tạp một cách dễ dàng và nhanh chóng.

Thông qua bài giảng này, bạn có thể học cách giải quyết các đề thi Kỹ thuật viên Thiết kế và Phát triển Web mã A3, B4, C1, D3, E4, F3 bằng display:flex. Tốc độ thao tác khá nhanh nên hãy vừa xem vừa tạm dừng nhé.

Thông qua khóa học này, sinh viên sẽ có thể tạo một dịch vụ web tương tự như Instagram bằng cách sử dụng HTML, CSS và JS. (Chỉ triển khai front-end! Việc xây dựng máy chủ back-end sẽ được quay trong bài giảng sau.)

Khóa học này giải thích từng bước quy trình chuyển đổi thiết kế Figma thành trang web. Nó bao gồm toàn bộ thực hành xuất bản web từ lưu hình ảnh đến viết HTML, CSS và Javascript. Được tiến hành một cách có hệ thống để ngay cả người mới bắt đầu cũng có thể dễ dàng làm theo. Thông qua học tập tập trung vào thực hành, bạn có thể học cách chuyển đổi thiết kế web thành mã một cách hiệu quả.

Bạn có thể học CSS và Javascript thực tế mới nhất một cách thú vị khi thực hiện dự án.

Đây là lớp học sẽ giúp bạn xây dựng những kiến ​​thức cơ bản để phát triển các trang web tương tác, sáng tạo.

Bạn có thể nâng cao khả năng thiết kế web di động, một trong những kỹ năng cạnh tranh nhất khi tìm việc và làm việc thực tế trong lĩnh vực Publisher. Bạn sẽ được củng cố hầu hết các phương pháp và bí quyết để tạo ra một trang web di động với tư cách là một Publisher. Đặc biệt, để đáp ứng yêu cầu về khả năng thiết kế đối với Publisher và lập trình viên hiện nay, khóa học cũng giải thích chi tiết quy trình thiết kế UI cho web di động bằng Figma, giúp bạn bao quát được phần lớn kỹ năng này. Một trong những điểm mạnh nhất của lớp học xuất bản web di động này là hướng dẫn chi tiết cách lập HTML Wireframe cho từng trang một. Thông qua bài giảng, khả năng tạo HTML Wireframe của bạn sẽ được cải thiện đáng kể. Trong phần xuất bản web di động, thông qua việc học cách điều chỉnh bố cục hoàn hảo cho di động và máy tính bảng bằng cách sử dụng biến CSS (Var), bạn sẽ đạt được năng lực làm việc tương đương với thực tế. Bạn cũng sẽ được trang bị đầy đủ kỹ năng CSS thực chiến trình độ trung cao cấp, tập trung vào bố cục Flex.

Để tìm được việc làm, bạn cần phải tham gia phỏng vấn thường xuyên. Và để có được nhiều cơ hội phỏng vấn, việc sở hữu một trang web portfolio cá nhân dành cho Publisher thật ấn tượng là điều bắt buộc. Đây là tài liệu hướng dẫn (PDF) xây dựng trang web portfolio cá nhân chất lượng, được Coding Works dành trọn tâm huyết biên soạn. Nội dung của tài liệu này không thể tìm thấy thông qua việc tìm kiếm trên Google. Đây là cuốn hướng dẫn xây dựng portfolio cá nhân dành cho Publisher duy nhất trên thế giới, đúc kết từ kinh nghiệm nhiều năm giảng dạy lý thuyết, thực hành và hướng dẫn làm portfolio cho hơn 300 học viên tại hiện trường của Coding Works, giúp các bạn nhanh chóng trúng tuyển vào công ty mong muốn.

Thông qua bài giảng này, hãy xây dựng một hệ thống thiết kế và cảm nhận sức mạnh tổng hợp bùng nổ trong công việc thiết kế của bạn.

Để hiểu đúng về TypeScript, bạn nên đọc tài liệu chính thức ít nhất một lần. Chúng tôi sẽ chỉ xác định những phần quan trọng của tài liệu và trình bày chúng một cách dễ hiểu. Khóa học này cũng cung cấp thông tin bạn sẽ cần trong thực tế!

Coding Works đã dồn hết tâm huyết vào việc tạo ra sản phẩm này, dựa trên kinh nghiệm hướng dẫn hồ sơ việc làm cho khoảng 200 học viên học viện ngoại tuyến với tư cách là nhà xuất bản mới. 'Trang chủ danh mục đầu tư cá nhân' của nhà xuất bản thu hút các cuộc phỏng vấn và việc làm Khóa học sản xuất là hướng dẫn toàn diện sẽ dạy bạn cách thức và nơi bắt đầu chuẩn bị trang chủ danh mục đầu tư cá nhân, điều cần thiết để có được việc làm tại một nhà xuất bản. Khóa học có hơn 19 giờ nội dung bài giảng. Những điều cần thiết để xuất bản trước khi tạo trang chủ danh mục đầu tư cá nhân, những điều cơ bản quan trọng nhất về xuất bản để làm việc và thực hành, jQuery và JavaScript để làm việc & Nhiệm vụ lập trình, cách tạo kết quả danh mục đầu tư để đưa lên trang chủ danh mục đầu tư cá nhân, bố cục nội dung và chi tiết theo từng mục của trang chủ danh mục đầu tư cá nhân, phân biệt các công ty để ứng tuyển & Tài liệu này chứa mọi thông tin bạn cần biết với tư cách là một nhà xuất bản mới, bao gồm các mẹo phỏng vấn nhà xuất bản thực tế.

Đây là phần thứ 2 trong chuỗi bài giảng JavaScript Bible gồm 4 khóa học. Thông qua việc thấu hiểu công cụ JavaScript (JavaScript engine), bạn có thể phát triển các chương trình tối ưu hóa cho JavaScript. Bạn có thể tự tin thiết kế hệ thống.

Khóa học tiếng Hàn chính thức đầu tiên của nền tảng thiết kế chuyển động toàn cầu LottieFiles, hiện chỉ có độc quyền trên Inflearn. Khi hoàn thành khóa học, bạn có thể nhận được chứng chỉ hoàn thành chính thức từ LottieFiles.

Cuốn sách điện tử (PDF) hướng dẫn thực tế để tìm việc làm Publisher sẽ cung cấp cho bạn chi tiết các kỹ năng cơ bản về HTML+CSS+JQUERY cần thiết để tuyển dụng, bao gồm: phương pháp học publishing hiệu quả, cách chọn khóa học và giảng viên giỏi, bí quyết làm việc như người có kinh nghiệm dù là người mới, thói quen và nguyên tắc coding đúng đắn, cách tạo website portfolio cá nhân, kỹ năng phối hợp với thiết kế và lập trình viên, các trang web thiết yếu mà một Publisher cần biết, và cách nâng cao kỹ năng thiết kế UI bằng Photoshop. Ngoài ra, cuốn sách cũng giải thích chi tiết về các khóa đào tạo Publisher được chính phủ hỗ trợ học phí.

Trong môi trường không có đội ngũ thiết kế, không bản kế hoạch, không PM, làm sao chúng ta có thể lên kế hoạch, truyền đạt và thuyết phục? Kim Young-jun, cựu Trưởng nhóm thiết kế sản phẩm của 29CM, sẽ chia sẻ chiến lược sản phẩm tự thân, tập trung vào Figma cùng với các trường hợp thực tế. Hãy cùng tìm hiểu chi tiết từ cách sống sót trong môi trường không có cấu trúc cho đến cách xây dựng cấu trúc chỉ với Figma.

Một CTO hiện tại của startup sẽ truyền đạt kiến thức về vibe coding thu được thông qua dịch vụ thực tế và nhiều dự án outsourcing.

Nó được tạo ra để bất kỳ ai cũng có thể vượt qua kỳ thi theo tiêu chí kỳ thi kỹ thuật viên thiết kế web phiên bản 2023. Hãy cùng tìm hiểu 5 loại và vượt qua nhanh chóng nhé!

Đây là khóa học chuyên sâu về kỳ thi thực hành Kỹ thuật viên Thiết kế và Phát triển Web (trước đây là Kỹ thuật viên Thiết kế Web), được tối ưu hóa hoàn toàn theo tiêu chuẩn ra đề chính xác áp dụng từ ngày 1/1/2025 đến 31/12/2027. Khóa học thực hành của Coding Works về HTML+CSS+JQUERY Publishing hoàn toàn khác biệt. Khóa học đã cập nhật đầy đủ các video bài giảng hướng dẫn thực hiện hoàn hảo tất cả các dạng đề thi (Dạng A, B, C, D, E, F) của kỳ thi Kỹ thuật viên Thiết kế và Phát triển Web năm 2026.

Khóa học Làm quen với ES6+ cung cấp thông tin chuyên sâu về ES6 của Javascript và các thông số kỹ thuật ECMAScript tiêu chuẩn mới hơn, cũng như những khác biệt so với ES5 cũng như các khái niệm và nguyên tắc hoạt động, dựa trên lý thuyết.