Grid (Lưới) - Lý thuyết cốt lõi và ứng dụng thực tế

Cách nhanh nhất để nâng cao kỹ năng bố cục phản hồi của nhà xuất bản,
Chinh phục bố cục đáp ứng với CSS Grid!

🔊 CSS Grid là gì?

CSS Grid là hệ thống tạo bố cục theo hàng và cột, theo chiều ngang và chiều dọc, và là công nghệ CSS mới được tối ưu hóa đặc biệt để tạo web phản hồi. Trong khi học cách tạo bố cục web phản hồi bằng Flex là điều tuyệt vời thì học cách tạo bố cục CSS Grid là khóa học bắt buộc để chuyển sang xuất bản ở trình độ trung cấp.

🔊 Tại sao bạn nên sử dụng CSS Grid?

Ngày nay, không có nhiều trang web được xây dựng mà không có khả năng phản hồi. Vì vậy, các nhà xuất bản luôn tự hỏi làm thế nào để tạo ra một trang web phản hồi. Cách tạo trang web truyền thống đòi hỏi quá nhiều công sức để thay đổi định dạng sao cho phù hợp. Flex cũng là một lựa chọn thay thế tốt, nhưng việc làm cho nó có khả năng phản hồi không phải là nhiệm vụ dễ dàng.

CSS Grid là phương pháp tạo bố cục đáp ứng có thể giải quyết tất cả các vấn đề này cùng một lúc. Đó là lý do tại sao các nhà xuất bản thực tế khuyên bạn nên sử dụng lưới.

🔊 Để phát triển lên trình độ trung cấp, bây giờ là lúc bạn phải thành thạo khả năng sử dụng Lưới.

Khóa học này nhằm mục đích cung cấp các kỹ năng xuất bản trung cấp, sẽ nghiên cứu đầy đủ phương pháp sản xuất CSS bố cục hiện có, tìm hiểu phương pháp sản xuất bố cục Flex và tạo một trang web thực tế. Và bạn sẽ có được kỹ năng sử dụng lưới vững chắc thông qua tất cả các thuộc tính cốt lõi và ví dụ sử dụng của CSS Grid.

⭐ Khóa học CSS Grid của Coding Works có những tính năng gì?

CSS Grid được tạo theo cách hoàn toàn khác so với phương pháp tạo bố cục hiện có. Vì vậy, đối với người mới bắt đầu, sẽ không dễ để học được cốt lõi của việc sử dụng lưới thông qua các blog trên Internet hoặc YouTube vì ngữ pháp và hệ thống rất xa lạ.

Vì vậy, trong bài giảng Lý thuyết Grid Core và Ví dụ sử dụng thực tế của Coding Works, bạn sẽ học thông qua sách giáo khoa riêng của Coding Works ( PDF) có chứa lý thuyết và cách sử dụng tất cả các thuộc tính cốt lõi của CSS Grid và học theo thuộc tính dựa trên sách giáo khoa. Bạn có thể hiểu rõ hơn về các thuộc tính của lưới thông qua các video được sản xuất . Đó là lý do tại sao tôi nghĩ Grid có vẻ lạ lẫm lúc đầu, nhưng bạn sẽ sớm quen thôi.

Ngoài ra, bạn sẽ tạo danh mục mã hóa bố cục lưới bằng cách xem video về các ví dụ thực tế về các lý thuyết cốt lõi đã học qua sách giáo khoa và video.

Lý thuyết về lõi lưới CSS và ví dụ ứng dụng thực tế quy trình sản xuất

'Khoảng 12 giờ bài giảng về xuất bản đáp ứng CSS Grid'

Cách sử dụng trình soạn thảo văn bản (5 bài học, khoảng 2,3 giờ)
Lý thuyết về CSS Grid Core (30 bài giảng, khoảng 5,2 giờ)
Tạo ví dụ giao diện người dùng thực tế theo CSS Grid Type (20 bài giảng, khoảng 4,2 giờ)

Sách giáo khoa PDF về lý thuyết lưới CSS Grid Core được cung cấp
Tải xuống tất cả các ví dụ đã hoàn thành được tạo ra trong lớp học

▼ Sách giáo khoa PDF Lý thuyết cốt lõi lưới CSS Lý thuyết cốt lõi đáp ứng (66 trang)

▼ Ghi chú sản xuất ví dụ thực tế đáp ứng sử dụng lý thuyết cốt lõi lưới CSS Sách giáo khoa PDF (19 trang)

▼ Ví dụ thực tế về phản hồi sử dụng lý thuyết cốt lõi của CSS Grid

▼ Ví dụ thực tế về phản hồi sử dụng lý thuyết cốt lõi của CSS Grid

▼ Ví dụ thực tế về phản hồi sử dụng lý thuyết cốt lõi của CSS Grid

▼ Ví dụ thực tế về phản hồi sử dụng lý thuyết cốt lõi của CSS Grid

🙋🏻‍♂️ Kiến thức tiên quyết để tham gia khóa học

Bài giảng này nói về Grid, một quá trình tạo ra các ứng dụng và ví dụ thực tế từ lý thuyết cốt lõi của Grid. Và cuối cùng, còn có một quy trình tạo ra một trang web đáp ứng với bố cục dạng lưới. Bài giảng này có đặc điểm độc đáo là được xây dựng theo chủ đề về khả năng phản hồi của lưới, nhưng lại tương tự như một bài giảng xuất bản chung.

Lý thuyết cốt lõi của lưới điện tiến triển từng bước từ những điều cơ bản, vì vậy đừng quá sợ hãi mà hãy bắt đầu. Tuy nhiên, bạn phải có hiểu biết cơ bản về HTML+CSS. Nếu bạn vẫn chưa biết gì, bạn có thể tham gia khóa học Grid trong khi học HTML+CSS.

Trong số các bài giảng của tôi, có 'Bài giảng xuất bản thực hành trung cấp về danh mục HTML+CSS+JQUERY '. Nội dung lý thuyết và ví dụ thực tế trong bài giảng này hầu như bao gồm mọi thứ bạn cần để tạo trang web đáp ứng này. Tôi nghĩ đây sẽ là khóa học có thể sớm củng cố kiến ​​thức cơ bản về HTML+CSS+JQUERY.

Ngoại trừ một vài điều, tôi nghĩ sẽ dễ hiểu hơn nhiều nếu bạn nghiên cứu nội dung của 'Khóa học xuất bản thực hành trung cấp HTML+CSS+JQUERY Portfolio ' một lần để tạo trang web đáp ứng này.

Điểm mấu chốt là...

Tôi không nghĩ sẽ có vấn đề lớn nào khi thực hiện theo trừ khi bạn là người mới bắt đầu hoặc mới bắt đầu.

Nếu bạn đã học những kiến ​​thức cơ bản về HTML+CSS qua các bài giảng khác, tôi tin rằng bạn sẽ có thể theo dõi và hoàn thành khóa học tạo trang web đáp ứng với sự hiểu biết về lý do tại sao nó được thực hiện theo cách này.

🙋🏻‍♂️ Phương pháp học tập hiệu quả

• [Tải xuống] Sẽ rất hữu ích khi xem video lý thuyết cốt lõi trong khi xem tệp Sách hướng dẫn GRID của Coding Works (Sách hướng dẫn) - Phần 1 (Lý thuyết cốt lõi) trong Sách hướng dẫn Lý thuyết cốt lõi của Grid (PDF) và phiên bản hoàn chỉnh . Các bài giảng lý thuyết cốt lõi được biên soạn dựa trên sách giáo khoa PDF được cung cấp.
• Phần 6. [Tải xuống] Sổ tay hướng dẫn lý thuyết cốt lõi lưới (PDF) và phiên bản đầy đủ của [Phần 2] Ví dụ sử dụng thuộc tính lưới và ví dụ thực tế Phiên bản đầy đủ. Tải xuống tệp nén và giải nén để bắt đầu từ nội dung học tập mong muốn. Bạn chỉ có thể bắt đầu. Vì đây là phiên bản hoàn thiện, hãy xóa các tệp index.html và style.css và bắt đầu lại từ đầu.

🙋🏻‍♂️ Các câu hỏi dự kiến ​​và tài liệu đọc bắt buộc liên quan đến bài giảng

H. Có video nào giải thích lý thuyết CSS trung cấp trong khi làm ví dụ không?
A. ' Có rất nhiều lý thuyết trung gian không được đề cập trong lý thuyết cơ bản khi làm ví dụ. Tôi có thể học lớp lý thuyết trung gian ở đâu? 'Câu hỏi này thường xuất hiện trên các bảng tin.

Khóa học này không nhằm mục đích tạo ra các ví dụ xuất bản dành cho người mới bắt đầu. Đây là quá trình tạo ra ví dụ xuất bản từ cơ bản đến trung cấp. Vì vậy, bạn nên có một số kiến ​​thức về lý thuyết CSS từ cơ bản đến trung cấp. Điều đó không có nghĩa là bạn nhất thiết phải biết rõ về nó. Lý thuyết CSS cơ bản và trung cấp được lặp lại liên tục trong khi tạo ví dụ. Và trên Kênh YouTube Publishing của Coding Works, có một danh sách phát có tên là [Intermediate Theory] CSS Intermediate Theory, trong đó có các video chi tiết về lý thuyết trung gian cần thiết để tạo ví dụ. Vì vậy, trong khi học khóa học hiện tại, bạn nên nghiên cứu lý thuyết trung gian cùng một lúc.

H. Nếu tôi học khóa học này, tôi có thể làm việc như một nhà xuất bản trong lĩnh vực này không?
A. Khóa học này không bao gồm tất cả các kỹ năng xuất bản cần thiết cho công việc xuất bản, nhưng tôi nghĩ đây là khởi đầu tốt chỉ bằng việc có thể tạo ra một trang web phản hồi với lý thuyết cốt lõi của CSS Grid và các ví dụ ứng dụng thực tế.

H. Trong khóa học này có phần lý thuyết riêng giải thích về lý thuyết xuất bản HTML+CSS+JQUERY không?
A. Khóa học bạn đang theo học là khóa học nghiên cứu về lưới và tạo các ví dụ thực tế có khả năng phản hồi với chủ đề là CSS Grid, do đó không có phần riêng về lý thuyết xuất bản cơ bản bắt buộc đối với khóa học dành cho người mới bắt đầu, ngoại trừ lý thuyết về CSS Grid. Chúng tôi khuyên bạn nên cải thiện kỹ năng của mình thông qua các khóa học khác như kênh YouTube Coding Works Publishing hoặc học phần lý thuyết cơ bản và sản xuất ví dụ thực tế.

H. Tôi có thể hỏi ở đâu nếu không hiểu điều gì đó khi học?
A. Nếu bạn có bất kỳ câu hỏi nào, vui lòng để lại bài đăng trên bảng tin [Hỏi & Đáp] và chúng tôi sẽ trả lời sớm nhất có thể, ngay cả khi có thể không phải ngay lập tức. Và Xin hãy nêu câu hỏi của bạn càng cụ thể càng tốt. Khi một câu hỏi không cụ thể, hiếm khi dễ dàng nhận được câu trả lời thỏa đáng. Vì vậy, khi bạn đặt câu hỏi, sẽ dễ dàng hơn nhiều để được trả lời nếu bạn đính kèm ảnh chụp màn hình mã HTML, CSS và JQUERY mà bạn đang viết cùng với nội dung mà bạn tò mò.

H. Tôi có thể lấy file PDF ví dụ hoàn chỉnh và sách giáo khoa ở đâu?
A. Tất cả các tệp được cung cấp cho sinh viên có thể được tải xuống từ Mục 6 ở cuối. [Tải xuống] Sổ tay hướng dẫn lý thuyết cốt lõi lưới (PDF) và Phiên bản hoàn chỉnh .

H. Giảng viên, liệu có nên xem trước Hướng dẫn thực tế về tìm kiếm việc làm của Nhà xuất bản trong lớp học không?
A. Việc học thêm các kỹ năng xuất bản là quan trọng, nhưng trước tiên phải thiết lập những kiến ​​thức cơ bản với tư cách là một nhà xuất bản. Sách điện tử hướng dẫn thực hành về việc làm của nhà xuất bản (PDF) bao gồm nội dung 'Những điều cơ bản của xuất bản là gì?' Chúng tôi đã sắp xếp cẩn thận những thông tin cần thiết mà các nhà xuất bản phải biết, chẳng hạn như 'thói quen và nguyên tắc lập trình mong muốn, cũng như xuất bản như một người có kinh nghiệm'. Chúng tôi khuyên bạn nên đọc sách điện tử Hướng dẫn thực hành công việc xuất bản (PDF) trước để hiểu rõ hơn về những điều cơ bản của công việc xuất bản. Nhấp vào hình ảnh bên dưới để xem phần giới thiệu lớp học.

👨🏼‍🏫 Giới thiệu giảng viên

• (Hiện tại) Nhà xuất bản Frontend tự do
• Jo Eun Computer Academy Giảng viên xuất bản web
• Hiện là Giảng viên Xuất bản Web tại Học viện Máy tính
• Nhà xuất bản front-end, chuyên gia xuất bản front-end
• Hiện nay, Khóa học chứng nhận thực hành Kỹ thuật viên thiết kế web của Học viện máy tính
• Trung tâm đào tạo CNTT Lakpia Khóa học thạc sĩ xuất bản Front-end Giảng viên
• Easy & Edu Xuất bản Front-end, Thiết kế UI/UX
• HTML+CSS+JQUERY xuất bản kênh YouTube 'Coding Works' hoạt động
• ⚡ Kênh YouTube của Coding Works Publishing - https://www.youtube.com/codingworks

Nhà xuất bản sản xuất trang chủ danh mục đầu tư cá nhân cần phỏng vấn và tuyển dụng, scss, sass, flex, grid, html, css, html/css, trang web, nhà xuất bản web, việc làm của nhà xuất bản, trang web, mã hóa, jquery, javascript, jquery, java Script, bố cục , web tương tác, web tương tác, thiết kế web, thiết kế web, danh mục đầu tư, xuất bản, web phản hồi, bài kiểm tra kỹ năng thiết kế web, bootstrap, khung css, khung