Tổng hợp các khái niệm cơ bản về Web Front-end thông qua từ khóa và thực hành
Kim chỉ nam dành cho người mới bắt đầu phát triển web, đây là khóa học hướng dẫn giúp bạn khám phá những điều chưa biết về Front-end và tiến bước một cách hệ thống.
Hiểu mối quan hệ giữa Web, Website, Trang web (Webpage) và Trình duyệt web thông qua cấu trúc và khái niệm cơ bản của Web.
Tìm hiểu sự thay đổi từ các trang web truyền thống sang các ứng dụng web hiện đại và tầm quan trọng của chúng
Trải nghiệm phương thức phát triển dựa trên thành phần (component), cốt lõi của các ứng dụng web hiện đại
Hiểu toàn bộ quy trình phát triển ứng dụng web thông qua việc tích hợp các công cụ và công nghệ phát triển web.
Học cùng ChatGPT về Chrome DevTools ⚒️
Bạn đã từng có những thắc mắc này chưa?
🥲 Tôi cảm thấy bối rối vì các khái niệm cơ bản liên quan đến web vẫn chưa được hệ thống lại một cách rõ ràng.
🥲 Tôi muốn hiểu rõ sự khác biệt cũng như nguyên lý hoạt động của trang web (webpage) và ứng dụng web (web application).
🥲 Tôi muốn biết mạng lưới và trình duyệt web hoạt động cùng nhau như thế nào.
Chỉ 1 giờ từ lý thuyết đến thực hành! 📌
Chrome DevTools là một công cụ hữu ích giúp các nhà phát triển web gỡ lỗi và phân tích các trang web. Trong khóa học này, bạn có thể tìm hiểu các khái niệm tổng quát về web, cách tạo trang web và nguyên lý hoạt động của các ứng dụng web. Bạn sẽ được học một cách hệ thống các khái niệm cơ bản như web, trang web, mạng, trình duyệt web và ứng dụng web.
Khóa học về công cụ dành cho nhà phát triển này sẽ được tiến hành theo một cách hơi khác biệt. Chúng ta sẽ đồng hành cùng ChatGPT dựa trên các từ khóa. Hãy cùng bước chân vào thế giới web một cách thành công bằng cách trực tiếp kiểm chứng những lý thuyết đã học hoạt động như thế nào trong thực tế.
Cách giải quyết vấn đề 🛠️
Tôi sẽ giải thích một cách hệ thống từ những khái niệm cơ bản nhất của web.
Tôi sẽ giúp bạn trực tiếp trải nghiệm sự khác biệt và nguyên lý hoạt động thông qua các ví dụ về trang web và ứng dụng web thực tế.
Thông qua các bài kiểm tra mạng đơn giản và nguyên lý hoạt động của trình duyệt web, tôi sẽ giúp bạn hiểu rõ vai trò của từng thành phần.
Sau khi hoàn thành khóa học, các bạn sẽ 🌱
Bạn sẽ có được sự hiểu biết sâu sắc về các khái niệm đa dạng liên quan đến web.
Bạn sẽ hiểu rõ nguyên lý hoạt động của trang web và ứng dụng web, từ đó nuôi dưỡng khả năng giải quyết vấn đề hiệu quả khi phát triển thực tế.
Bằng cách hiểu rõ sự tương tác giữa mạng và trình duyệt web, bạn sẽ có được những kiến thức kỹ thuật cần thiết khi xây dựng các dịch vụ hoặc ứng dụng dựa trên nền tảng web.
Nội dung học tập 📚
Khái niệm về Web: Web là gì, lịch sử và sự phát triển của Web
Trang web: Cấu trúc và nguyên lý hoạt động của trang web
Mạng lưới: Nguyên lý mạng cơ bản về cách trang web được truyền tải đến người dùng
Trình duyệt web: Vai trò của trình duyệt web trong việc thông dịch và hiển thị các trang web như thế nào
Ứng dụng web: Tương tác giữa máy chủ và máy khách và nguyên lý hoạt động của ứng dụng web
Đề xuất cho những người sau đây 🙆♀️
Người mới bắt đầu muốn học các khái niệm đa dạng về web
Lập trình viên Backend muốn có kiến thức cơ bản về Frontend
Nhà thiết kế hoặc người lập kế hoạch cần giao tiếp với nhóm phát triển
Câu hỏi dự kiến 🧐
Q. Tại sao cần phải học nguyên lý cơ bản và cách hoạt động của web?
Hiểu được các nguyên lý cơ bản và cách hoạt động của web sẽ giúp ích rất nhiều trong việc hiểu cấu trúc của các trang web hoặc ứng dụng web. Thông qua đó, bạn có thể trang bị những kiến thức nền tảng kỹ thuật cần thiết cho việc phát triển web.
Q. Việc học các nguyên lý và cách hoạt động cơ bản của web có thể giúp ích gì?
Bạn sẽ hiểu được cấu trúc cơ bản của trang web và ứng dụng web, nắm bắt được sự tương tác giữa mạng lưới và trình duyệt web, từ đó có được kiến thức nền tảng để xây dựng các dịch vụ web hiệu quả.
Q. Người không chuyên có thể theo học khóa học này không?
Vâng, vì nội dung được giải thích một cách hệ thống từ những kiến thức cơ bản để ngay cả những người không chuyên cũng có thể dễ dàng hiểu được, nên những người không có kiến thức trước về web vẫn có thể theo học.
Q. Có cần chuẩn bị gì trước khi nghe giảng không?
Không cần chuẩn bị gì đặc biệt. Tuy nhiên, nếu bạn đã có kinh nghiệm lướt web cơ bản, bạn sẽ có thể hiểu nội dung bài giảng dễ dàng hơn.
Q. Nội dung bài học sẽ bao gồm những cấp độ nào?
Khóa học bao gồm toàn bộ các nguyên lý hoạt động cơ bản của web, từ các khái niệm cơ bản về web, nguyên lý hoạt động của trang web và ứng dụng web, cho đến sự tương tác giữa mạng và trình duyệt web.
Q. Có lưu ý nào liên quan đến việc tham gia khóa học (môi trường cần chuẩn bị, các lưu ý khác, v.v.) không?
Vì bài giảng được tiến hành trên nền tảng trực tuyến nên cần có môi trường internet ổn định. Không cần phần mềm hay công cụ đặc biệt nào, nhưng bạn có thể cần cài đặt trình duyệt web để thực hành.
Lưu ý trước khi học 📢
Môi trường thực hành
Hệ điều hành và phiên bản (OS): Windows hoặc macOS
Công cụ sử dụng: Công cụ dành cho nhà phát triển trên trình duyệt Chrome và Chat-GPT
Kiến thức tiên quyết và lưu ý
웹을 공부하고 싶은 모두를 위해 어떤 걸 더 깊게 공부해야 할지를 찾기 위한 강의이므로 선수 지식은 없습니다.
Tuy nhiên, khi gặp những từ khóa chưa biết, thay vì chỉ bỏ qua, hy vọng bạn sẽ tự mình tìm hiểu chúng.
개발 초심자가 기초지식을 채우는 도구로 Chat-GPT만 한 게 없다고 생각합니다.
Tuy nhiên, Chat-GPT có thể chứa nội dung không chính xác, vì vậy bạn nên đối chiếu kiểm tra với tài liệu chính thức.
Giới thiệu về người chia sẻ kiến thức ✒️
Hiện tại tôi đang làm việc với tư cách là nhà phát triển Web Full-stack được 8 năm.
Tôi xây dựng môi trường giúp các đồng nghiệp phát triển có thể tạo ra các dịch vụ hiệu quả và ổn định.
Tôi đang xử lý một phạm vi rộng lớn bao gồm Typescript, Javascript, React, Next.js, Node.js, GraphQL, ESLint, v.v.
Tôi đã từng hoạt động nhiều lần với tư cách là mentor phát triển Frontend.
👨👩👧👦 Programmers FE Dev Course khóa 1
⛳ Couch Coding Hoàn thành Portfolio 6 tuần khóa 9~12
⛺ Naver Connect Foundation Boostcamp Khóa 7
Ngoài ra, tôi cũng đã tạo ra các bài giảng dành cho các nhà phát triển Front-end.
🪄 코드스테이츠 교육 콘텐츠 제작
Phát triển thư viện UI dành cho nhà phát triển trung cấp (React Library Cloning)
Và tôi vẫn đang tiếp tục chia sẻ những kiến thức đã học được trong quá trình làm việc thực tế.