Bootcamp frontend vững chắc cho fullstack (HTML, CSS, vanilla JavaScript + ES6) [Fullstack Part2]

Có vẻ như bạn có thể sử dụng HTML, CSS và Javascript một cách sơ bộ, nhưng trên thực tế, rất khó để xử lý chúng theo cách bạn muốn. Có rất nhiều ngữ pháp và công nghệ nằm rải rác, chẳng hạn như phản ứng, khả năng tương thích, ES6, v.v., và đặc biệt là phần front-end khó hơn bạn nghĩ nếu không sắp xếp chúng một cách hợp lý.

Cho dù là web hay ứng dụng, các dịch vụ gần đây đều yêu cầu công nghệ back-end, front-end và triển khai để triển khai. Đây được gọi là full stack. Khi bạn trở thành một nhà phát triển toàn diện, bạn có thể tự mình tạo ra các dịch vụ web tiên tiến và trở thành một nhà phát triển có sức cạnh tranh.

Để thực hiện điều này một cách hiệu quả và thiết thực nhất, bạn nên học Python và các công nghệ backend trong Phần 1 của khóa học full-stack và xây dựng nền tảng frontend trong Phần 2. Bạn cần nắm vững những kiến ​​thức cơ bản! Thay vì chỉ sao chép các dịch vụ web từ bài giảng, bạn có thể trở thành một nhà phát triển toàn diện. Khóa học này trình bày chi tiết về HTML5, CSS, Javascript (Vanilla JavaScript, VanillaJS) + ES6 để giúp bạn xây dựng nền tảng vững chắc về các nguyên tắc cơ bản của front-end.

Tôi đã tóm tắt toàn bộ lộ trình đầy đủ nhanh nhất và mới nhất thành một video trên YouTube. Khi xem video này, bạn có thể hiểu được lộ trình phát triển web/ứng dụng của riêng mình trong thời gian ngắn, vượt ra ngoài công nghệ này.

Với vô số ngữ pháp và chức năng, giao diện người dùng phải bắt đầu bằng từ khóa tổ chức.
Mọi ngữ pháp và kiến ​​thức được sắp xếp theo các điều kiện sau.

• Chúng ta hãy cùng làm rõ mọi kiến ​​thức cơ bản về phát triển trang web hiện đại.
• Chúng tôi cẩn thận sắp xếp CSS cần thiết cho một trang web hoàn chỉnh.
• Jquery, không được sử dụng trong các trang web mới nhất, không được đề cập.
• Tất cả đều được bao phủ bởi Vanilla Javascript + ES6 chuẩn
• Hỗ trợ khả năng phản hồi
• Khả năng tương thích cũng được đưa vào xem xét

Thẻ HTML chỉ được sắp xếp xung quanh các thẻ cần thiết, bao gồm các thẻ ngữ nghĩa nhẹ.
Chúng tôi sẽ đề cập chi tiết đến các tính năng CSS, bao gồm khả năng phản hồi và khả năng tương thích, những yếu tố cần thiết để triển khai một trang web hợp lý.
Vì được gọi là VanillaJS (Vanilla JavaScript), xu hướng gần đây là không sử dụng jQuery, do đó các trang web chỉ được triển khai bằng ngữ pháp Javascript + ES6, đồng thời cũng tính đến khả năng tương thích.
Đối với mỗi tính năng, chúng tôi tập trung vào các công nghệ cốt lõi, loại trừ ngữ pháp mới nhất và các công nghệ thay thế không thể sử dụng do vấn đề tương thích.

Rào cản lớn nhất trong quá trình phát triển full-stack là CSS. Họ nói rằng ngay cả học sinh trung học cũng biết HTML và CSS.
Tuy nhiên, việc tạo ra các trang web hiện đại, tương thích và có khả năng phản hồi cao là điều không thể nếu không có một nhà phát triển front-end lành nghề.
Có vô số tính năng CSS chi tiết cần được làm rõ. HTML cũng cần phải được tổ chức một lần để tuân thủ các tiêu chuẩn.
Ở Hàn Quốc, có một công việc gọi là nhà xuất bản, nhưng ở nước ngoài, các nhà phát triển front-end hoặc full-stack sẽ xử lý mọi thứ, bao gồm cả CSS.
Để trở thành một nhà phát triển front-end/full-stack có sức cạnh tranh, điều cần thiết là phải hiểu biết chi tiết về các tính năng CSS.

Khung này được viết bằng Javascript, cải thiện những hạn chế của Javascript. Vì Javascript được sử dụng khi sử dụng các framework này nên bạn cần phải nắm vững những kiến ​​thức cơ bản về ngữ pháp Javascript, bất kể bạn sử dụng framework nào. Bạn cần nắm vững những kiến ​​thức cơ bản về HTML, CSS và Javascript được đề cập trong khóa học này để học các framework như React và Vue dựa trên chúng.
Vì vậy, bài giảng này tập trung vào những nguyên tắc cơ bản của giao diện người dùng. Khóa học này bao gồm và thực hành tất cả các kỹ thuật liên quan cần thiết để xây dựng nền tảng vững chắc.

Đây là bài giảng giải thích chi tiết từng bước để ngay cả người mới bắt đầu cũng có thể hiểu được.
Phần khó nhất của việc giảng dạy CNTT là dạy lập trình cho những người không biết gì về lập trình. Những người này không chỉ học lập trình mà còn học các kỹ thuật thu thập dữ liệu thông qua các khóa học Python Introduction và Crawling Basics Bootcamp mà tôi đã mở. Nếu hai bạn lý trí và quan tâm đến nhau thì điều đó hoàn toàn có thể.

Nếu bạn chỉ muốn học nhanh các công nghệ front-end, bạn có thể tham gia khóa học này. Tuy nhiên, nếu bạn là người mới bắt đầu và chưa từng làm việc với lập trình trước đây, tôi khuyên bạn nên học khóa học toàn diện từng bước theo lộ trình cùng với các khóa học Giới thiệu về Python và Khóa học Crawling Bootcamp. Bạn có thể xây dựng các năng lực cần thiết từng bước một.

• Chúng tôi cung cấp mã mẫu cho từng chức năng như một dự án và cung cấp các tệp mã trang web thực tế.
• Tài liệu bài giảng có sẵn trực tuyến để bạn xem bất cứ lúc nào. (Tuy nhiên, việc sao chép và tải xuống bị hạn chế do vấn đề bản quyền.)

Chúng tôi đang xây dựng các bài giảng để bạn có thể học toàn bộ quá trình từ trình độ mới bắt đầu đến trình độ đầy đủ theo cách chi tiết và có hệ thống, với mức độ khó tăng dần. Để giúp bạn hiểu ngữ pháp và kiến ​​thức, chúng tôi cung cấp mã ngắn gọn và giải thích đầy đủ, thậm chí chúng tôi còn giải thích về khoa học máy tính khi cần thiết, để bạn có thể xây dựng nền tảng để trở thành một lập trình viên giỏi.

Bài giảng này là Phần 2 của toàn bộ loạt bài giảng đầy đủ. Trong bài giảng này, chúng ta sẽ chọn một trang web cụ thể để phát triển dịch vụ tiếp theo và không sử dụng bất kỳ khuôn khổ hoặc thư viện nào, chúng ta sẽ bắt đầu từ một tệp trống và sử dụng HTML, CSS, Javascript + ES6 để hoàn thiện mã từng bước.