Hoàn toàn áp dụng SCSS(SASS) và FLEX Layout trong thực tế! Thiết kế giao diện người dùng trang chủ và các trang phụ chính của toàn bộ trang web bằng Figma, tạo cấu trúc HTML wireframe với tên lớp nhất quán và hoàn thành quá trình xuất bản là quá trình thực hiện dự án trang web phản hồi có hệ thống. Trong quá trình kéo dài hơn 41 giờ, bạn sẽ có đủ thời gian để làm quen với các lý thuyết cốt lõi và khả năng ứng dụng thực tế, đồng thời thiết kế và tạo bố cục phản hồi tương thích với PC - điện thoại di động - máy tính bảng, qua đó không chỉ tích lũy được kinh nghiệm và bí quyết về dự án web phản hồi mà còn nâng cao đáng kể khả năng ứng dụng thực tế và lý thuyết cốt lõi của jQuery.
체계적인 반응형 웹 trang web dự án sản xuất quá trình
SCSS (SASS) lý thuyết cốt lõi và khả năng ứng dụng thực tế
Lý thuyết cốt lõi và khả năng ứng dụng thực tế của bố cục FLEX
Thiết kế và sản xuất bố cục phản hồi tương thích với PC, điện thoại di động và máy tính bảng
반응 ứng web project sản xuất cho jQuery cốt lõi lý thuyết và thực tế sử dụng khả năng
Figma tạo ra khả năng thiết kế giao diện người dùng trang web
체계적인 HTML wireframe cấu trúc và khả năng thiết kế tên lớp
웹 퍼블리셔 và nhà phát triển để tạo ra danh mục đầu tư web phản hồi tốt nhất
Bạn đang tìm kiếm danh mục đầu tư phong phú dành cho các nhà phát triển và xuất bản web?
Dự án trang web giảng bài trực tuyến đáp ứng SCSS(SASS)+FLEX!
Điểm 1. Tạo giao diện website SCSS (SASS) + FLEX với Figma
Điểm 2. SCSS(SASS)+FLEX website HTML wireframe Chi tiết sản xuất tất cả các trang
Điểm 3. Tạo nhiều loại trang web xuất bản bằng SCSS (SASS) + FLEX
Điểm 4. Thiết kế, sản xuất và xuất bản hoàn hảo các bố cục đáp ứng cho PC, thiết bị di động và máy tính bảng
Điểm 5. Khả năng sử dụng các lý thuyết và thực hành jQuery cốt lõi để tạo các dự án web đáp ứng
Coding Works chứa đựng kiến thức chuyên môn về sản xuất xuất bản ở trình độ trung cấp đến nâng cao đã được giảng dạy tại nhiều học viện ngoại tuyến và các khóa học sản xuất trang chủ danh mục đầu tư cá nhân. Đặc biệt, vì đây là dự án xuất bản web đáp ứng dựa trên SCSS (SASS) + FLEX, bạn có thể tối đa hóa khả năng SCSS (SASS) + FLEX của mình.
Tôi tin chắc rằng sau khi hoàn thành khóa học này, bạn sẽ có kỹ năng xuất bản web đáp ứng ở mức trung cấp đến nâng cao!
Chúng tôi đã cập nhật Lý thuyết cơ bản về SCSS để thực hiện công việc xuất bản dự án web đáp ứng thực tế SCSS(SASS)+FLEX một cách trơn tru. Video Lý thuyết cơ bản về SCSS bao gồm hầu hết các lý thuyết về SCSS trong thời lượng 5 giờ 9 phút, để bạn có thể tìm hiểu sâu hơn về Lý thuyết cơ bản của SCSS.
Bạn không cần phải nghiên cứu tất cả các video được thêm vào để xuất bản tác phẩm bắt đầu từ Mục 5. Sau đây là các video lý thuyết thiết yếu để xuất bản tác phẩm bắt đầu từ Mục 5, vì vậy chỉ cần bạn học những video này thì sẽ không có vấn đề gì khi xuất bản tác phẩm.
1. Lý thuyết cốt lõi SCSS (01) - Lồng ghép bộ chọn
2. Lý thuyết cốt lõi SCSS (02) - Tham chiếu bộ chọn cha (&) và xử lý bình luận
3. Lý thuyết cốt lõi SCSS (03) - Ứng dụng của tham chiếu chọn lọc cha mẹ (&)
4. Lý thuyết cốt lõi của SCSS (04) – Tạo bộ chọn CSS đại diện trong SCSS
5. Lý thuyết cốt lõi SCSS (05) - Tài liệu tham khảo về Bộ chọn phụ huynh (&) Lớp học ảo
6. Lý thuyết cốt lõi SCSS (06) - Tham chiếu bộ chọn cha (&) Bộ chọn thuộc tính
7. Lý thuyết cốt lõi SCSS (07) - Thoát khỏi Parent Selector Nesting @at-root
10. Lý thuyết cốt lõi SCSS (10-1) - Biến 01
11. Lý thuyết cốt lõi SCSS (10-2) - Biến 02
13. Lý thuyết cốt lõi SCSS (11-1) - Nhập tệp bên ngoài @import
※ Bạn có thể xem các video còn lại sau nếu bạn cần tìm hiểu sâu hơn về SCSS.
================================================== ============
▼ Thêm phần và nội dung video lý thuyết đầy đủ (06/07/2023)
Mục 4. Lý thuyết cơ bản của SCSS
Lý thuyết cốt lõi SCSS (01) - Lồng ghép bộ chọn
Lý thuyết cốt lõi SCSS (02) - Tham chiếu bộ chọn cha (&) và xử lý bình luận
Lý thuyết cốt lõi SCSS (03) - Ứng dụng của tham chiếu chọn lọc cha mẹ (&)
Lý thuyết cốt lõi của SCSS (04) – Tạo bộ chọn CSS đại diện trong SCSS
Lý thuyết cốt lõi SCSS (05) - Tài liệu tham khảo về bộ chọn phụ huynh (&) Lớp học ảo
Lý thuyết cốt lõi SCSS (06) - Tham chiếu bộ chọn cha (&) Bộ chọn thuộc tính
Lý thuyết cốt lõi của SCSS (07) - Thoát khỏi Parent Selector Nesting @at-root
Lý thuyết cốt lõi SCSS (08) – Tự động tạo thuộc tính CSS bằng tiền tố
Lý thuyết cốt lõi của SCSS (09) – Giảm sự trùng lặp của bộ chọn với lớp ảo :is
Lý thuyết cốt lõi SCSS (10-1) - Biến 01
Lý thuyết cốt lõi SCSS (10-2) - Biến 02
Lý thuyết cốt lõi của SCSS (10-3) - Phạm vi biến và khai báo biến CSS
Lý thuyết cốt lõi SCSS (11-1) - Nhập tệp bên ngoài @import
Lý thuyết cốt lõi SCSS (11-2) - Nhập một phần tệp bằng @import
Lý thuyết cốt lõi SCSS (12) - Toán tử, xóa cửa sổ đầu ra
Lý thuyết cốt lõi của SCSS (13-1) - Khai báo nhóm @mixin, sử dụng nhóm @include
Lý thuyết cốt lõi SCSS (13-2) - Áp dụng @mixin và @include
Lý thuyết cốt lõi SCSS (13-3) - Thiết kế nút bằng @mixin và @include
Lý thuyết cốt lõi của SCSS (13-4) - Sử dụng tham số (đối số) của @mixin với @include
Lý thuyết cốt lõi SCSS (14) - @extend để lấy các thuộc tính của bộ chọn
Lý thuyết cốt lõi SCSS (15) - Trình chọn chỗ giữ chỗ % được sử dụng với @extend
Lý thuyết cốt lõi SCSS (16) - Khai báo nhiều biến, hàm dựng sẵn (map-get)
Chúng tôi sẽ cung cấp sách giáo khoa PDF về lý thuyết cốt lõi SCSS(SASS)+FLEX và các tệp ví dụ sử dụng chỉ cho những người viết bài đánh giá khóa học. Sách giáo khoa PDF và các tập tin được cung cấp là
Đối với bài đánh giá khóa học, sinh viên nên viết bài đánh giá trung thực về cảm nhận của mình sau khi học khóa học. Vui lòng viết bài đánh giá khóa học, chụp lại bài đánh giá và gửi đến địa chỉ email bên dưới. Chúng tôi sẽ gửi cho bạn [tệp ví dụ về lý thuyết cốt lõi và cách sử dụng SCSS (SASS) + FLEX] qua email.
Sự kiện đánh giá khóa học sẽ được tổ chức trong thời gian có hạn, trong thời gian giảm giá 4 tuần khi khóa học mở.
※ Sự kiện đánh giá khóa học sẽ được tổ chức không giới hạn thời gian, do đó bạn có thể viết đánh giá khóa học bất cứ lúc nào.
■ Thời gian: 4 tuần (01/07/2023 - 28/07/2023)
■ Đối tượng: Tất cả những người đã viết bài đánh giá về khóa học
■ Email: webnlife@naver.com
🚩Các tập tin được cung cấp
- Sách giáo khoa lý thuyết cốt lõi SCSS (SASS) (PDF, 67 trang) và các ví dụ về cách sử dụng phiên bản hoàn chỉnh
- Sách giáo khoa lý thuyết cốt lõi FLEX (PDF, 36 trang) và ví dụ sử dụng phiên bản hoàn chỉnh
※ Phiên bản đầy đủ của ví dụ sử dụng là phiên bản đầy đủ của tất cả các ví dụ xuất hiện trong sách giáo khoa.
※ Sách giáo khoa lý thuyết cốt lõi SCSS(SASS)+FLEX và giới thiệu chi tiết về các tệp được cung cấp: https://inf.run/qzdx
※ Không bao gồm sách giáo khoa lý thuyết cốt lõi của GRID và các ví dụ sử dụng.
※ Nếu bạn gửi cho chúng tôi email xác nhận đánh giá khóa học, các tệp được cung cấp sẽ được gửi trong vòng 24 giờ.
Đối với các công ty lớn, dù là trong quá khứ hay hiện tại, khi xem xét các thông báo tuyển dụng cho nhà xuất bản web và nhà phát triển front-end, khả năng sử dụng SCSS (SASS) luôn được coi là một ' yếu tố ưu tiên ' khi tuyển dụng. Ưu đãi có nghĩa là không phải là điều kiện bắt buộc, nhưng có nghĩa là nếu bạn biết cách thực hiện, bạn sẽ được hưởng ưu đãi hơn. Điều này cũng có nghĩa là bạn sẽ sớm có mức độ cạnh tranh cao hơn so với những ứng viên khác.
🔥 Là một nhà xuất bản hoặc nhà phát triển, chỉ nói rằng bạn có khả năng sử dụng SCSS (SASS) trong quá trình nộp đơn xin việc và phỏng vấn là chưa đủ . Có nhiều ứng viên chỉ nghe nói đến SCSS (SASS) hoặc đã sử dụng nó một cách sơ qua nhưng lại nói rằng họ biết cách sử dụng nó trong các cuộc phỏng vấn. Mọi người không tin tưởng vào khả năng xuất bản và khả năng phát triển mà chỉ được nói đến. Tuy nhiên , nếu bạn có thể cho chúng tôi xem một dự án web phản hồi mà bạn thực sự đã tạo bằng SCSS (SASS), thì đó sẽ là cách tốt nhất để chứng minh khả năng sử dụng SCSS (SASS) của bạn và bạn sẽ được ưu tiên khi tuyển dụng.
Chỉ tính riêng năm ngoái, hầu hết các bài đăng tuyển dụng đều liệt kê kỹ năng SCSS (SASS) là tiêu chuẩn ưu tiên đối với các nhà xuất bản web. Các nhà phát triển hiếm khi được yêu cầu phải thành thạo SCSS (SASS). Tuy nhiên, sau khi gần đây hoàn tất khâu chuẩn bị để mở bài giảng và xem thông tin tuyển dụng, tôi thường thấy khả năng sử dụng SCSS (SASS) được liệt kê là yêu cầu bắt buộc đối với nhà xuất bản web hoặc là yêu cầu bắt buộc hoặc yêu cầu bắt buộc đối với nhà phát triển. Đặc biệt, có khá nhiều nơi yêu cầu người xuất bản web phải có khả năng sử dụng Figma.
▼ Các bài đăng việc làm thực tế cho các nhà xuất bản web và nhà phát triển web được tìm kiếm gần đây trên Job Korea
💡 [SCSS(SASS)+FLEX Practical Responsive Web Project với Figma] Qua bài giảng, bạn sẽ học được lý thuyết cốt lõi và các kỹ năng ứng dụng thực tế của SCSS(SASS), lý thuyết cốt lõi và các kỹ năng ứng dụng thực tế của FLEX Layout và thiết kế Bố cục đáp ứng cho PC, thiết bị di động và máy tính bảng. Bạn có thể nâng cao kỹ năng sản xuất của mình lên mức trung cấp đến nâng cao.
Coding Works đang tạo ra một trang web bài giảng trực tuyến ảo có tên là 'Beyond Insight' . Bạn có thể coi nó tương tự như Inflearn hoặc Class 101. Đây là dự án xây dựng trang web đáp ứng cho mục đích cải thiện kỹ năng từ trung cấp đến nâng cao, mã hóa nhiều trang và nhiều bố cục khác nhau bằng SCSS (SASS) từ trang chính đến các trang phụ theo khái niệm dự án và tạo ra tất cả các bố cục bằng bố cục FLEX.
Chỉ cần có khả năng thực hiện SCSS (SASS) sẽ mang lại cho bạn lợi thế cạnh tranh khi xin việc tại một nhà xuất bản hoặc khi thay đổi công việc. Tuy nhiên, tôi chắc chắn rằng nếu bạn tạo ra một dự án trang web phản hồi tuyệt vời bằng SCSS (SASS), khả năng và kết quả của bạn sẽ mang lại cho bạn lợi thế cạnh tranh lớn hơn bất kỳ ai khác trong việc làm và thay đổi nghề nghiệp. Tất nhiên, điều này không dễ vì nội dung và khối lượng bài học gần với trình độ trung cấp đến nâng cao, nhưng nếu bạn theo dõi tốt, tôi nghĩ bạn sẽ đạt được kết quả cao hơn bất kỳ bài giảng nào khác tại Coding Works.
Dự án web phản hồi mà chúng ta sẽ xây dựng trong khóa học này không chỉ là tạo trang chính. Tổng cộng có 5 trang: trang chủ, trang giới thiệu khóa học, trang chính danh mục, trang giỏ đăng ký khóa học và trang đăng ký thành viên, đây là những trang quan trọng nhất của toàn bộ trang web. Khóa học này bao gồm công việc xuất bản đáp ứng, thay đổi tất cả các trang thành bố cục trên PC, Thiết bị di động và Máy tính bảng. Bạn cũng sẽ học được nhiều tương tác jQuery khác nhau và tạo ra nhiều hộp thoại khác nhau.
1) Tạo thiết kế giao diện người dùng cho dự án web đáp ứng thực tế bằng SCSS (SASS) + FLEX với Figma
2) Tạo cấu trúc khung lưới HTML cho dự án web phản hồi thực tế bằng SCSS (SASS) + FLEX với Figma
3) Mã hóa HTML bằng trình soạn thảo văn bản dựa trên cấu trúc khung HTML
4) Mã hóa SCSS (SASS) bằng trình soạn thảo văn bản dựa trên cấu trúc khung lưới HTML
5) Thay đổi sang bố cục web tương thích với thiết bị di động
6) Thay đổi sang bố cục web phản hồi thân thiện với máy tính bảng
7) Hoàn thiện những bước cuối cùng về tương tác jQuery và xuất bản chi tiết cho tất cả các trang web
▼ Hoàn thiện chi tiết các loại mô hình thiết bị thực tế
Các trang web được tạo trong khóa học này bao gồm trang chủ, trang giới thiệu khóa học, trang chính danh mục, trang giỏ đăng ký khóa học và trang đăng ký thành viên. Khóa học này bao gồm công việc xuất bản đáp ứng, thay đổi tất cả các trang thành bố cục PC, Di động và Máy tính bảng . Chúng tôi cũng sản xuất nhiều loại nhạc cụ khác nhau.
Nếu bạn xem video [Xem trước phiên bản xuất bản hoàn chỉnh & Định nghĩa hàm] trong phần bên dưới, bạn sẽ thấy lời giải thích chi tiết về định nghĩa hàm xuất bản cho những gì sẽ được tạo trong bài giảng đó. Và bạn có thể xem mục lục của khóa học dưới dạng hình ảnh trong [Toàn bộ chương trình giảng dạy] .
▼ SCSS(SASS)+FLEX Dự án Web đáp ứng thực tế: Trang đầu
🚩 Trang chủ
▼ Dự án web đáp ứng thực tế SCSS(SASS)+FLEX: Trang giới thiệu bài giảng (Chi tiết lớp học)
🚩 Trang giới thiệu lớp học (Chi tiết lớp học)
▼ SCSS(SASS)+FLEX Dự án web đáp ứng thực tế: Trang chính danh mục
🚩 Trang chủ danh mục
▼ Dự án web đáp ứng thực tế SCSS(SASS)+FLEX: Tham gia khóa học
🚩 Tham gia khóa học
▼ SCSS(SASS)+FLEX Dự án web đáp ứng thực tế: Trang đăng ký thành viên (Member Register)
🚩 Trang đăng ký thành viên (Member Register)
▼ SCSS(SASS)+FLEX Dự án web đáp ứng thực tế: Đăng nhập Modal
🚩 Đăng nhập Modal
🚩 Chia sẻ Modal, Kiểm tra Modal giỏ hàng
📝 [SCSS(SASS)+FLEX Practical Responsive Web Project với Figma] Tất cả các phiên bản đầy đủ
Phần 7 cung cấp phiên bản thiết kế và xuất bản hoàn chỉnh, cùng với tất cả các tệp nguồn để tạo khóa học. Ngoài ra, các tệp PPT để giải thích các lý thuyết chính và các điểm quan trọng trong bài giảng cũng được cung cấp ở định dạng PDF.
📝 Cung cấp PDF tài liệu bài giảng PPT được sử dụng trong bài giảng video
[SCSS(SASS)+FLEX Practical Responsive Web Project với Figma] Trong khi tham gia khóa học, bạn sẽ phát triển các kỹ năng của mình theo nhiều cách khác nhau, chẳng hạn như kỹ năng thiết kế Figma UI, kỹ năng tạo wireframe HTML và kỹ năng sử dụng SCSS(SASS) + FLEX Layout để xuất bản. Tôi nghĩ vậy. Những phần này cũng rất quan trọng, nhưng quan trọng nhất là bạn sẽ học được ' Nguyên tắc viết mã sạch để xuất bản như một người có kinh nghiệm '. Mọi thông tin xuất bản trong bài giảng đều được thực hiện theo những nguyên tắc này.
Đặc biệt, bài giảng này thường nhấn mạnh đến nhu cầu mã hóa tuần tự SCSS (SASS) theo cấu trúc phân cấp. Đối với SCSS (SASS), hệ thống phân cấp bộ chọn quan trọng hơn nhiều so với CSS thông thường.
Phần <Nguyên tắc mã hóa sạch để xuất bản như một chuyên gia> bao gồm việc chèn các bình luận cần thiết khi cần thiết, mã hóa các bộ chọn CSS theo đúng thứ tự xuất hiện trong HTML và trong trường hợp các bộ chọn CSS thông thường, để bảo trì sau này. Tổ chức nó trong cái gọi là Common CSS... Việc học các nguyên tắc và thói quen viết mã này sẽ giúp ích rất nhiều cho công việc của bạn.
Đặc biệt, khi nộp đơn xin việc, người quản lý nhân sự hoặc người tương tự sẽ xem xét kết quả đã công bố của ứng viên và mã nguồn. Trong những trường hợp này, bạn có thể đánh giá năng lực xuất bản của ứng viên chỉ bằng cách xem mã nguồn.
Bạn có thể tìm thấy tất cả tài liệu học tập ở các phần bên dưới. Tài liệu này được cung cấp dưới dạng tệp nén có cấu trúc thư mục, vì vậy sau khi tải xuống, hãy giải nén và theo dõi các bài giảng theo thứ tự.
💡 Cách sử dụng nội dung tệp tải xuống và thư mục
① Vật liệu cần thiết cho công tác thiết kế và công tác xuất bản
② Vật liệu cần thiết khi bắt đầu công việc thiết kế
③ Xuất bản tài liệu phiên bản hoàn chỉnh
💡 Công cụ biên tập văn bản xuất bản <Visual Studio Code>
Bài giảng này
Trước tiên, hãy tìm hiểu cách sử dụng cơ bản thông qua video YouTube của Coding Works bên dưới, sau đó nghiên cứu <Phần 3. Xuất bản chi tiết trên web di động (HTML+CSS+JS)>.
Nếu bạn có bất kỳ câu hỏi nào khác ngoài những câu hỏi được liệt kê bên dưới, vui lòng để lại câu hỏi trên bảng Hỏi & Đáp của cộng đồng giảng viên có liên quan và chúng tôi sẽ cố gắng hết sức để trả lời.
H. Tôi chưa từng học SCSS (SASS) và FLEX trước đây. Tôi có thể theo học lớp này không?
🔊 Học trước FLEX
FLEX là một chủ đề phổ biến đến mức nếu bạn tìm kiếm flex layout hoặc CSS Flex trên YouTube, bạn sẽ tìm thấy nhiều video giải thích lý thuyết về Flex trong các video dài 20-30 phút. Nếu bạn xem một hoặc hai video như thế này và thực hành, kiến thức cơ bản về Flex của bạn sẽ đủ. Bố cục Flex không có nhiều lý thuyết như bạn nghĩ.
🔊 Học trước SCSS(SASS)
Không cần phải học trước SCSS (SASS) nếu không học Phần 4. Lý thuyết cơ bản về SCSS có trong bài giảng.
H. Cần có bao nhiêu kiến thức về xuất bản?
Nếu bạn có kinh nghiệm cơ bản về sử dụng HTML+CSS, bạn có thể theo dõi và đạt được kết quả cũng như kỹ năng như mong đợi. Tuy nhiên, điều này có thể gây khó khăn cho những người chỉ có kỹ năng CSS ở mức cơ bản. Ngay cả khi bạn có một số kỹ năng về CSS, bạn vẫn có thể dễ dàng làm theo.
Và đối với những người mới làm quen với SCSS (SASS), có một lớp lý thuyết dài hơn 5 giờ ở Phần 4. Lý thuyết cơ bản về SCSS, vì vậy nếu bạn học Phần 4 và làm tốt Phần 5 đến 7, bạn có thể hoàn thành dự án. có.
H. Đã có hai bài giảng SCSS (SASS) trong Coding Works. Nó khác với bài giảng hiện tại như thế nào?
Đúng. Trong số các bài giảng Coding Works hiện có
< SCSS(SASS)+FLEX Practical Responsive Web Project with Figma > là bài giảng video và là khóa học nghiên cứu lý thuyết cốt lõi và ứng dụng thực tế của SCSS(SASS). Tuy nhiên, vì khóa học này không liên quan đến việc tạo toàn bộ trang web bằng SCSS (SASS) nên bài giảng này có mức độ khó tương đối thấp đối với sinh viên. Vì vậy, đây là bài giảng phù hợp cho những người mới làm quen với SCSS (SASS) để tích lũy kinh nghiệm với SCSS (SASS) và tạo các ví dụ thực tế bằng SCSS (SASS).
Ngay cả khi bạn không học hai khóa học trên , bạn vẫn có thể học khóa học dự án web đáp ứng SCSS (SASS) + FLEX này. Tuy nhiên, bạn phải có một số kỹ năng về CSS.
H. Tôi không có kinh nghiệm sử dụng chương trình đồ họa. Tôi có thể thiết kế trong Figma không?
Như tôi đã đề cập trong video giới thiệu, Figma có hiệu suất tuyệt vời so với công sức bỏ ra. Nếu bạn có ít nhất một số kiến thức cơ bản về PowerPoint, bạn sẽ có thể theo học lớp thiết kế Figma. Tuy nhiên, để hiểu rõ hơn về lớp học, tôi hy vọng bạn xem video <[Phải đọc] SCSS (SASS) + FLEX Practical Responsive Web Project Figma Basic Course (ft. Using Dual Monitors)> và tìm hiểu sơ bộ thông qua YouTube kênh được giới thiệu.
H. Nội dung cốt lõi nào tạo nên sự khác biệt của bạn ?
Đây là bài giảng về thiết kế ở cấp độ mà ngay cả một người không có kiến thức trước đó cũng có thể sử dụng Figma tốt, không phải như một chuyên gia thiết kế. Do đó, <Phần 1. SCSS (SASS) + FLEX Responsive Web Project UI Design Production với Figma > Lớp học thiết kế Figma dành cho các chuyên gia. Thay vì là lớp học dành cho người mới bắt đầu, lớp học này ở cấp độ dễ hiểu đối với người mới bắt đầu sử dụng Figma.
Tuy nhiên , lớp <Phần 2. SCSS(SASS)+FLEX Responsive Web Project HTML Wireframe với Figma> được giảng dạy bởi một giảng viên đã có kinh nghiệm giảng dạy xuất bản trong một thời gian dài và là cách đáng tin cậy và có hệ thống nhất để cải thiện kỹ năng xuất bản. Và tôi nghĩ điều quan trọng là khóa học được thiết kế để giúp bạn dần đạt được kết quả chất lượng cao từ nhiệm vụ khó khăn và xa lạ là xuất bản web trên thiết bị di động.
Đặc biệt , Phần 4, bao gồm các dự án web đáp ứng SCSS (SASS), bao gồm lý thuyết cơ bản về SCSS trong hơn 5 giờ, do đó bạn có thể học toàn bộ lý thuyết cơ bản về SCSS.
Tôi nghĩ bạn sẽ đạt được các kỹ năng xuất bản từ trung cấp đến nâng cao bằng cách tạo nhiều cấu trúc HTML bố cục cho nhiều trang khác nhau và xuất bản chúng.
H. Đây có phải là khóa học mà những người không chuyên về thiết kế cũng có thể tham gia không?
Hoàn toàn có thể. Chuyên ngành của tôi không liên quan gì đến thiết kế. Như đã trình bày trong video <[Phải đọc] Khóa học cơ bản về dự án web đáp ứng SCSS (SASS) + FLEX Figma> ở Phần 1, nếu bạn giỏi xử lý PowerPoint, bạn sẽ không gặp khó khăn khi học và sử dụng Figma. Mặc dù tôi chỉ học Figma trong một thời gian ngắn, tôi vẫn có thể đạt được kết quả thiết kế tốt.
H. Tôi là một nhà thiết kế và tôi giỏi Figma. Tôi có cần học Figma Design ở Phần 1 không?
Như tôi đã đề cập trong video giới thiệu, tôi không phải là người đã sử dụng Figma trong thời gian dài hoặc giỏi sử dụng nó. Vì vậy, nếu bạn tự tin khi làm việc với Figma, hãy bỏ qua <Phần 1. Tạo thiết kế giao diện người dùng cho dự án web đáp ứng SCSS(SASS)+FLEX với Figma> và chuyển đến <Phần 2. Tạo khung lưới HTML cho SCSS(SASS) )+Dự án web đáp ứng FLEX Bạn có thể truy cập trực tiếp vào <with Figma> và bắt đầu học.
Bắt đầu với phần Tạo cấu trúc khung lưới HTML trong Phần 2, đây là bài giảng về xuất bản, không phải bài giảng về thiết kế.
H. Tại sao tôi nên học quy trình tạo dự án web đáp ứng SCSS (SASS) + FLEX và kết quả cụ thể mong đợi là gì?
[SCSS(SASS)+FLEX Practical Responsive Web Project với Figma] Qua bài giảng này, bạn sẽ được học các lý thuyết cốt lõi và kỹ năng ứng dụng thực tế của SCSS(SASS), các lý thuyết cốt lõi và kỹ năng ứng dụng thực tế của FLEX Layout, cũng như thiết kế và sản xuất của các bố cục đáp ứng cho PC, thiết bị di động và máy tính bảng. Bạn có thể nâng cao kỹ năng của mình lên mức trung cấp đến nâng cao.
Hiệu quả mong đợi cụ thể thực tế khác nhau ở mỗi người. Nhưng Coding Works có thể chắc chắn với bạn rằng ' khả năng tạo cấu trúc khung HTML của bạn sẽ được cải thiện đáng kể '. Bằng cách tạo ra nhiều cấu trúc khung HTML khác nhau, bạn sẽ được đào tạo đầy đủ về cách tổ chức hệ thống phân cấp HTML phức tạp. Chúng tôi cũng sẽ đi sâu vào cách đặt tên và chia sẻ tên lớp thống nhất.
<Phần 2. Khung lưới HTML của dự án web đáp ứng SCSS(SASS)+FLEX với Figma> tạo ra nhiều cấu trúc khung lưới HTML khác nhau và <Phần 5~7. Chúng tôi sẽ hướng dẫn bạn từng bước áp dụng xuất bản web thực tế trong SCSS(SASS)+FLEX để xuất bản chi tiết dự án web đáp ứng, giúp bạn tự tin hơn khi tạo bất kỳ loại bố cục UI web nào trong tương lai.
H. Nội dung bài học được trình bày ở mức độ nào?
Các dự án web đáp ứng SCSS(SASS)+FLEX có số lượng lớn các tệp và thư mục do bản chất của chúng. Vì vậy, rất nhiều nội dung đang tiến triển với tốc độ nhanh. Mức độ xem xét này khác nhau tùy thuộc vào tiêu chuẩn của từng cá nhân, nhưng nội dung khóa học đủ cho danh mục đầu tư cá nhân của nhà xuất bản.
Khóa học dự án web đáp ứng SCSS(SASS)+FLEX ở trình độ trung cấp, nhưng bạn có thể coi nó gần với trình độ trung cấp hơn. Chúng tôi sẽ sớm đề cập đến nhiều nội dung. Có thể sẽ hơi choáng ngợp với người mới bắt đầu, nhưng tôi nghĩ rằng đến cuối khóa học, bạn sẽ cảm thấy kỹ năng xuất bản của mình được cải thiện đáng kể .
H. Tôi đã tham gia khóa học <Mobile Web Publishing Portfolio with Figma> của Coding Works.
Nếu bạn đã tham gia khóa học Mobile Web Publishing Portfolio với Figma, bạn không nhất thiết phải học [Phần 1. Tạo thiết kế giao diện người dùng cho dự án web đáp ứng SCSS (SASS) + FLEX với Figma Design] . (Tôi khuyên bạn nên làm càng nhanh càng tốt.)
Bạn có thể bắt đầu học từ [ Phần 2. Khung lưới HTML của dự án web đáp ứng SCSS(SASS)+FLEX với Figma] .
H. Tổng thời gian giảng bài là bao lâu?
Tổng thời lượng bài giảng video là hơn 41 giờ, cung cấp đủ thời gian học trên lớp để học sâu hơn. Tỷ lệ lớp học chung là 15% công việc thiết kế Figma và 85% công việc xuất bản. Trong video đầy đủ, Phần 1 nói về cách thiết kế giao diện người dùng Figma và các phần còn lại là về cách tìm hiểu về xuất bản web đáp ứng.
H. Có lưu ý nào liên quan đến việc tham gia khóa học không (môi trường yêu cầu, những điều khác cần lưu ý, v.v.)?
Nội dung lớp học rất rộng và tiến triển nhanh. Tuy nhiên, tôi sẽ không bỏ qua mà không giải thích đầy đủ, mà sẽ giải thích chi tiết. Tôi nghĩ là bạn sẽ theo dõi tốt. Tuy nhiên, tôi thực sự khuyên bạn nên sử dụng môi trường có hai màn hình thay vì học tập bằng một màn hình. Vui lòng đảm bảo xem video [Phải đọc] Khóa học cơ bản về SCSS (SASS) + FLEX Practical Responsive Web Project Figma (ft. Sử dụng màn hình kép) trong Phần 1 trước khi đăng ký khóa học.
[SCSS(SASS)+FLEX Dự án web đáp ứng thực tế với Figma] Coding Works , đơn vị tạo ra khóa học này , hiện đang giảng dạy lý thuyết xuất bản, cách sử dụng và cách tạo trang chủ danh mục đầu tư cá nhân cho hơn 300 sinh viên trong các khóa học xuất bản do chính phủ tài trợ. Đặc biệt, giảng viên này đã có nhiều năm kinh nghiệm trong lĩnh vực xuất bản bài giảng và hướng dẫn học viên một cách hoàn hảo từ A đến Z trong toàn bộ quá trình chuẩn bị xin việc tại một nhà xuất bản, giúp hầu hết học viên tìm được việc làm ngay sau khi hoàn thành khóa học. Ngoài ra, tôi đã nhận được phản hồi tích cực từ sinh viên Inflearn rằng các bài giảng liên quan đến xuất bản của tôi rất hữu ích.
Nếu bạn có bất kỳ thắc mắc nào trong khi học, hãy hỏi. Khi đặt câu hỏi, bạn phải tải lên nội dung không hoạt động, mã và ảnh chụp màn hình kết quả của trình duyệt. Đối với mã, bạn phải tải lên tất cả mã HTML, CSS và JS để chúng tôi có thể đưa ra câu trả lời chính xác.
Nếu bạn chỉ mô tả vấn đề của mình bằng văn bản mà không đưa bất kỳ mã nào vào câu hỏi, sẽ rất khó để đưa ra câu trả lời chính xác, trừ khi vấn đề thực sự đơn giản. Sau đó, tôi không còn lựa chọn nào khác ngoài việc trả lời lại rằng 'Vui lòng tải lên mã HTML, CSS, JS và trình duyệt~', điều này gây ra nhiều phiền phức và mất nhiều thời gian hơn để tìm ra giải pháp.
Vui lòng xem video bài giảng lý thuyết trên kênh YouTube của Coding Works Publishing. Tất nhiên, không phải tất cả video lý thuyết đều có trên kênh YouTube, nhưng hầu hết các video lý thuyết quan trọng đều có trên đó. Vì có rất nhiều video nên bạn nên tìm kiếm những video như ví dụ bên dưới.
Kênh YouTube của Coding Works Publishing: https://www.youtube.com/codingworks
Coding Works , đơn vị sáng tạo ra khóa học [HTML+CSS+JS Practical Portfolio (Phần 3)], đã giảng dạy lý thuyết xuất bản, cách sử dụng và cách tạo trang chủ danh mục đầu tư cá nhân cho hơn 300 sinh viên trong các khóa học xuất bản do chính phủ tài trợ. Đặc biệt, giảng viên này đã chuyên về xuất bản bài giảng trong nhiều năm và hướng dẫn hoàn hảo cho sinh viên trong toàn bộ quá trình chuẩn bị xin việc tại một nhà xuất bản từ A đến Z, giúp hầu hết sinh viên tìm được việc làm ngay sau khi hoàn thành khóa học. Ngoài ra, tôi đã nhận được phản hồi tích cực từ sinh viên Inflearn rằng các bài giảng liên quan đến xuất bản của tôi rất hữu ích.
Khóa học này dành cho ai?
SCSS(SASS) cần có kiến thức lý thuyết cốt lõi và khả năng ứng dụng thực tế
체계적인 반응형 웹 trang dự án sản xuất portfolio cần thiết cho những người
Bất kỳ ai muốn biết bản chất của việc xuất bản như một nhà phát triển front-end
Là một nhà xuất bản, bạn cần những dự án web phản hồi có tính cạnh tranh cao nhất.
Bất kỳ ai muốn có khả năng cạnh tranh trong sơ yếu lý lịch của mình bằng cách sử dụng SCSS (SASS)
Cần biết trước khi bắt đầu?
Năng lực cơ bản về HTML+CSS trở lên
12,404
Học viên
723
Đánh giá
2,092
Trả lời
4.9
Xếp hạng
23
Các khóa học
■ [현재] 국비 퍼블리싱 & 프론트엔드 강사
■ [현재] 프리랜서 프론트엔드 퍼블리셔
■ [현재] HTML+CSS+JQUERY 퍼블리싱 유튜브 채널 '코딩웍스' 운영
■ 그린 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 더조은 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 이젠 컴퓨터 아카데미 웹 퍼블리싱 강사
■ 프론트엔드 퍼블리셔, 프론트엔드 퍼블리싱 전문강사
■ UI/UX 웹 디자인 포트폴리오 강의
■ 웹디자인 기능사 실기 자격증반 강의
■ 이지앤에듀프론트엔드 UI/UX 디자인 및 퍼블리싱
🌏코딩웍스 인프런 강의목록 - https://www.inflearn.com/users/@codingworks
🌏인프런 코딩웍스 강의 학습 순서(학습 로드맵) - https://www.inflearn.com/blogs/2351
🌏코딩웍스 인프런 퍼블리싱 블로그 - https://www.inflearn.com/users/@codingworks/blogs
🌏코딩웍스 퍼블리싱 유튜브 채널 - https://www.youtube.com/codingworks
🟣인프런 인포커스 코딩웍스 인터뷰 보기 : https://www.inflearn.com/pages/infocus-8-20230704
Tất cả
125 bài giảng ∙ (41giờ 14phút)
Tài liệu khóa học:
Tất cả
21 đánh giá
4.9
21 đánh giá
Đánh giá 3
∙
Đánh giá trung bình 5.0
5
Front Web 개발은 처음이라서 걱정을 많이 했습니다. 강의료가 다른 강좌에 비해서 다소 큰 차이가 있어 걱정을 조금 했지만(ㅎㅎㅎ) 저의 선택이 신의 한수가 되었군요. (강의를 정말 잘~ 하십니다.!! ) 웹 개발 경험이 1도 없습니다. 개발된 메인 프로그램을 웹/모바일로 서비스 해야겠다는 생각에 사전 준비 및 공부 좀 해야겠다 싶어, 강의 신청하고 휴가를 1주일 정도 내어 정~ 주행 했답니다. 4일째 되던 날~ 토 나오려고 하더군요. 암튼 5일째, 모든 강의를 끝내고 ASP.Net Core 7 Razor page 로 몇 가지 테스트 해 봤습니다. (Udemy 사이트에서 ASP.NET Core Web Application Using Razor Pages 15,000원 강의 듣고 나서~ㅎㅎ) 테스트한 결과물이 DB와 잘 연동되어 표현이 잘 되는 것에 너무 기뻐하고 신세계를 경험 했습니다. 과거 코볼, 포트란으로 시작해서 현재는 C#, VB.NET 그 외 몇 개의 개발툴로 데스크탑 실무를 개발한 구식(?) 기술로 과연 내가 현재 트렌트에 맞는 개발 환경에 적응할 수 있을까? 싶었는데.. 자세한 설명에 쉽게 이해할 수 있었습니다. 덕분에 큰 힘이 되어 용기가 생겼습니다. SCSS / 피그마(유료결재함) / J쿼리 / HTML 위 4개의 항목과 샘플 예제 강좌만으로도 레벨업!! 그동안 포토샵을 20년 가까이 사용했는데, 덕분에 포토샵 사용할 일이 거의 없을 듯싶네요. ㅎㅎ 사족이 길었네요. 긴 강의를 100% 끝낸 건 처음이라서..ㅎㅎ 훌륭한 선생님의 강의에 감사를 드립니다. 항상 건강하시길~ 기도하겠습니다.
실무자로서 구체적인 내용이라 예비 수강생한테 도움이 많이 될 것 같습니다. 수강평 감사드립니다~!!
Đánh giá 3
∙
Đánh giá trung bình 5.0
5
인프런에서 가장 가성비있다 여겨지는 강사중한분이 바로 코딩웍스입니다. 최근에 개강되는건 최신기술이라 가격대가 좀있지만 기존 컨텐츠들을보면 굉장히 저렴한 수강료에 방대한 볼륨이 인상적으로 코딩웍스를 알게되었고 강의를 수강하게되었습니다. 오프라인학원을 다닌다 해도 이렇게 방대한 볼륨을 자랑하는 수업밀도는 찾아보기힘들정도로 전체강의구성을 보면 강의시간이 40시간이 넘어갈정도로 디테일이 살이있는 컨텐츠입니다. 게다가 웹퍼블의 중고급단계 최신기술을 집약해서 실제로 실습위주의 수업으로 실제 고급기술을 총망라한 결과물까지 얻어가실수있습니다. 무엇보다 강사님의 답변이 굉장히 빠른다는게 인상적이였습니다 일요일에 문의사항이있어서 강좌수강관련 질문을 2건남겼었는데 그날 바로바로 답변이 달리더군요 방대한 볼륨 최신기술집약 실습위주 강사님의 빠른 피드백등 이강좌를 추천안할이유가없네요 프론트 앤드 개발자도 리액트 뷰이전에 웹퍼블능력은 솔직히 기본이라 생각하거든요 요새 업종별로 경계선이 무너지며 멀티를 요구하는 시대인지라 이거저거 다할줄아는사람이 고액연봉의 자리에 오를수있다고 최소한 화면구현만큼 내머릿속에있는걸 스스로 만들수있어야하시는분들은 리액트나 뷰 공부하시는분들도 이강좌는 개인적으로 학습해보시길 추천드립니다. 아직 완강한건아니지만 설명을 워낙 친절하게 잘해주셔서 공부하는재미가나네요^^ 방대한 볼륨이 의미하는건 강사가 가르치는 내공이 깊다는걸 의미하거든요 내공이 얕은강사는 강의시간을 방대하게 구성하라해도 그게안되거든요 전 백앤드 공부를하고있지만 화면구현만큼 전문가수준까지 스스로 실력을 키우자란 취지로 이강의를 선택했습니다.
구체적인 수강평 감사드립니다~!!
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
실무 하면서 들은 수업 중에 가장 도움이 많이 되고 있습니다. 지금껏 얼마나 돌아 돌아 코딩을 한 건지.. ^^;; 순간 순간 반성도 많이 하고 있습니다. 완전 감사한 마음으로 수강중입니다!!!
수강평 감사드립니다~!!
Đánh giá 6
∙
Đánh giá trung bình 5.0
5
2년전 선생님 강의 듣고 취뽀했었는데 경영난으로 다시 재취업준비를 하게 되었습니다 ㅠㅠ SCSS를 아직 사용안해봤던지라 공부해보려고 듣고 있어요! 넘넘 좋아요~! 감사합니다!
수강평 감사드립니다~!!
Đánh giá 7
∙
Đánh giá trung bình 5.0
5
피그마 환경이 생소해서, 생각보다 공부와 작업이 늦어질 거 같지만, 차근차근 해보도록 하겠습니다. 그래도 재밌습니다. :)
수강평 감사드립니다~!!
Hãy khám phá các khóa học khác của giảng viên!
Khám phá các khóa học khác trong cùng lĩnh vực!
![제대로 배우는 JavaScript: 객체지향 프로그래밍 완성 & 전략형 AI 틱택토 실전 Part2 [중급편]강의 썸네일](https://cdn.inflearn.com/public/files/courses/336946/cover/01jv48md3p02hgkwt4yh1svf3j?f=avif&w=420)
![부트스트랩을 활용한 반응형 웹제작[기본 개념편] 부트캠프강의 썸네일](https://cdn.inflearn.com/public/courses/333092/cover/5a3043a4-fc2d-4b25-9096-306c8f707b5b/333092.jpg?f=avif&w=420)
![웹디자인개발기능사 [2025년] 실기전체 A - F (카톡질문가능)강의 썸네일](https://cdn.inflearn.com/public/courses/332868/cover/3a2245ca-bb9f-414a-ba67-403cfcb2b7c9/332868.jpg?f=avif&w=420)