Dự án web phản hồi thực tế SCSS(SASS)+FLEX với Figma
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.
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!
"Bài giảng về Dự án web đáp ứng thực tế SCSS(SASS)+FLEX với Figma "Hoàn thiện khả năng tạo ra một dự án trang web phản hồi có hệ thống" "Khối lượng học tập khổng lồ lên tới hơn 41 giờ"
Vì đây là nhiệm vụ xuất bản SCSS (SASS) khá xa lạ nên có thể hơi khó khăn đối với người mới bắt đầu , nhưng họ có thể hoàn thành nếu thực hiện tuần tự theo từng phần.
Sử dụng SCSS (SASS) và FLEX một cách hoàn hảo trong thực tế!
Đ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!
Cập nhật video về lý thuyết cốt lõi của SCSS (5 giờ 9 phút)
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)
Sự kiện đánh giá khóa học kỷ niệm mở bài giảng 😋
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à Đây sẽ là tài liệu tham khảo tốt cho công tác xuất bản và công tác thực tế trong tương lai.
Đố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ờ.
Kỹ năng sử dụng SCSS (SASS) được ưu tiên và yêu cầu 👍
Đố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 đâytrên Job Korea
Tạo trang web bài giảng ảo của riêng bạn Hãy chắc chắn rằng bạn cải thiện được kỹ năng của mình.
💡 [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.
Một quy trình có hệ thống để tạo ra một dự án trang web đáp ứng
Lý thuyết cốt lõi và kỹ năng ứng dụng thực tế của SCSS(SASS)
Lý thuyết cốt lõi về FLEX Layout và kỹ năng ứng dụng thực tế
Thiết kế và sản xuất bố cục đáp ứng cho PC, thiết bị di động và máy tính bảng
Lý thuyết cốt lõi của jQuery và các kỹ năng ứng dụng thực tế để tạo các dự án web đáp ứng
Kỹ năng thiết kế giao diện người dùng trang web bằng Figma
Khả năng thiết kế cấu trúc khung lưới HTML có hệ thống và tên lớp
Hoàn hảo cho mục đích sử dụng thực tế! Học đầy đủ các tương tác jQuery cần thiết mà bạn cần
Cung cấp tất cả các nguồn sản xuất (tệp thiết kế Figma, tệp nguồn xuất bản, tài liệu bài giảng PDF, phiên bản hoàn thiện đã xuất bản)
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.
Thứ tự học bài giảng của dự án web đáp ứng 🙆♀️
Bước 01. Giao diện trang web đáp ứng cho PC Thiết kế giao diện người dùng Figma
Bước 02. Thiết kế cấu trúc wireframe HTML với tên lớp trong Figma
Bước 03. Mã hóa HTML bằng Trình soạn thảo văn bản
Bước 04. Mã hóa SASS (SCSS) bằng trình soạn thảo văn bản cùng với tương tác jQuery
Bước 05. Xuất bản thay đổi giao diện PC thành giao diện di động
Bước 06. Xuất bản thay đổi bố cục PC thành bố cục máy tính bảng
Bước 07. Hoàn thiện công tác xuất bản chi tiết toàn bộ các trang web
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ế
Xem trước phiên bản hoàn thiện của ấn phẩm & định nghĩa các tính năng 🙆♀️
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ủ
Thiết kế giao diện người dùng Figma và tạo cấu trúc khung lưới HTML
Sản xuất xuất bản đầy đủ với SCSS (SASS) và bố cục FLEX
Hiển thị danh tính của trang web cho người dùng dưới dạng trang đầu tiên của trang web.
Cách quản lý các cấu trúc HTML phức tạp và tạo ra các hệ thống phân cấp được tổ chức tốt (Clean Coding)
Phân nhánh tập lệnh vận hành điều hướng bố cục PC & Máy tính bảng và điều hướng Di động với các điều kiện if
Sử dụng một tập lệnh để cố định tiêu đề ở trên cùng khi cuộn một lượng nhất định
Hiển thị ứng dụng cố vấn và sự kiện ở trang đầu
Tạo thanh trượt chính và thanh trượt mục bài giảng bằng thanh trượt mượt mà
Làm việc với các thành phần jQuery cho Header & Footer mà tất cả các trang đều có điểm chung
Sử dụng plugin đếm ngược thời gian
Chuyển đổi điều hướng chân trang thành dạng accordion thả xuống khi ở bố cục di động
Chèn biểu tượng phông chữ vào phần tử biểu mẫu tìm kiếm và sử dụng :focus ::placeholder
Sử dụng biểu tượng phông chữ Unicode với các lớp ảo :before và :after
Cách sử dụng hình ảnh SVG
Cách sử dụng thuộc tính CSS Object-fit trong thực tế
Các phương thức tương tác jQuery thiết yếu (kiểm soát lớp, chọn phần tử, trình xử lý sự kiện, v.v.)
Cách sử dụng JavaScript nội tuyến cần thiết
Cách sử dụng lại giao diện thẻ mục bài giảng ở nhiều dạng khác nhau (@at-root)
Cách sử dụng và tận dụng các biểu tượng phông chữ (Biểu tượng Bootstrap)
Thay đổi bố cục phản hồi theo điểm ngắt truy vấn phương tiện (tối thiểu 1024, 768~1024, tối đa 767)
▼ 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)
Thiết kế giao diện người dùng Figma và tạo cấu trúc khung lưới HTML
Sản xuất xuất bản đầy đủ với SCSS (SASS) và bố cục FLEX
Trang giới thiệu bài giảng là trang có nhiều nội dung nhất và do đó có nhiều tác phẩm được xuất bản nhất.
Cuộn xuống thanh bên phải phần giới thiệu bài giảng và sửa nó
Cuộn xuống để ghim lịch trình điều hướng chi tiết bài giảng
Nhấp vào nút Chia sẻ trên thanh bên và sau đó mở hộp thoại Chia sẻ
Giới thiệu về Curriculum jQuery Accordion
Câu hỏi thường gặp về jQuery Accordion
Thanh đánh giá khóa học Thiết kế CSS
Chức năng tích hợp màu sắc
Thay đổi bố cục phản hồi theo điểm ngắt truy vấn phương tiện (tối thiểu 1024, 768~1024, tối đa 767)
▼ SCSS(SASS)+FLEX Dự án web đáp ứng thực tế: Trang chính danh mục
🚩 Trang chủ danh mục
Thiết kế giao diện người dùng Figma và tạo cấu trúc khung lưới HTML
Sản xuất xuất bản đầy đủ với SCSS (SASS) và bố cục FLEX
Danh sách bài giảng lớp học Slick Slider
Thiết kế CSS phân trang
Thay đổi bố cục phản hồi theo điểm ngắt truy vấn phương tiện (tối thiểu 1024, 768~1024, tối đa 767)
▼ Dự án web đáp ứng thực tế SCSS(SASS)+FLEX: Tham gia khóa học
🚩 Tham gia khóa học
Thiết kế giao diện người dùng Figma và tạo cấu trúc khung lưới HTML
Sản xuất xuất bản đầy đủ với SCSS (SASS) và bố cục FLEX
Xóa và xóa tất cả các mục trong giỏ hàng bằng jQuery
Nhiều thuộc tính CSS3 (màu nhấn)
Thay đổi bố cục phản hồi theo điểm ngắt truy vấn phương tiện (tối thiểu 1024, 768~1024, tối đa 767)
▼ 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)
Thiết kế giao diện người dùng Figma và tạo cấu trúc khung lưới HTML
Sản xuất xuất bản đầy đủ với SCSS (SASS) và bố cục FLEX
Tìm hiểu chi tiết về các tính năng và thuộc tính của các phần tử biểu mẫu HTML.
Sử dụng các lớp giả của phần tử biểu mẫu (:focus ::placeholder)
:là lớp giả để dọn dẹp hiệu quả các bộ chọn trùng lặp
Tạo các hộp kiểm và nút radio đẹp mắt với các hộp kiểm tùy chỉnh
Script để thiết lập chế độ xem/ẩn mật khẩu
▼ SCSS(SASS)+FLEX Dự án web đáp ứng thực tế: Đăng nhập Modal
🚩Đăng nhập Modal
Thiết kế giao diện người dùng Figma và tạo cấu trúc khung lưới HTML
Sản xuất xuất bản đầy đủ với SCSS (SASS) và bố cục FLEX
Tìm hiểu chi tiết về các tính năng và thuộc tính của các phần tử biểu mẫu HTML.
Sử dụng các lớp giả của phần tử biểu mẫu (:focus ::placeholder)
:là lớp giả để dọn dẹp hiệu quả các bộ chọn trùng lặp
Tạo các hộp kiểm và nút radio đẹp mắt với các hộp kiểm tùy chỉnh
Script để thiết lập chế độ xem/ẩn mật khẩu
Sử dụng @mixin @include
🚩 Chia sẻModal, Kiểm traModal giỏ hàng
Thiết kế giao diện người dùng Figma và tạo cấu trúc khung lưới HTML
Thiết kế giao diện người dùng Figma và tạo cấu trúc khung lưới HTML
Sản xuất xuất bản đầy đủ với SCSS (SASS) và bố cục FLEX
Tạo hình dạng với các lớp ảo :before :after
Kiểm tra giỏ hàng lớp họcTự động đóng sau 4 giây với setTimeout
Cung cấp nhiều tệp khác nhau 🗂️
📝[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.
[Tải xuống] Thiết kế công việc (Beyond Insight)
[Tải xuống] Cấu trúc Wireframe HTML (Beyond Insight)
[Download] Xuất bản tác phẩm (Beyond Insight)
[Ghi chú bài giảng PDF] Dự án web đáp ứng thực tế SCSS(SASS)+FLEX với Figma
📝Cung cấp PDF tài liệu bài giảng PPT được sử dụng trong bài giảng video
Cung cấp nhiều tài liệu tham khảo phục vụ công tác thiết kế và xuất bản.
[Ghi chú bài giảng] SCSS(SASS)+FLEX Dự án web đáp ứng thực tế với Figma (Tổng cộng 39 trang)
Tiêu chuẩn mã hóa sạch SCSS(SASS)+FLEX 🧽
[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.
💡 Điểm hấp dẫn đặc biệt của bài giảng này là gì?
Bạn có thể có được khả năng tạo giao diện người dùng web phản hồi thông qua quá trình sản xuất thực tế bằng Figma.
Tìm hiểu các kỹ thuật viết HTML wireframe chi tiết giúp cải thiện đáng kể kỹ năng xuất bản của bạn.
Tìm hiểu những nguyên tắc cơ bản về mã hóa sạch để xuất bản như một chuyên gia xuất bản.
Tạo nhiều trang và bố cục khác nhau, giải thích dễ hiểu và trình bày các khái niệm một cách sâu sắc.
Giải thích mọi thứ học viên cần biết về xuất bản web đáp ứng.
Bạn sẽ học được cách hiểu sâu sắc và sử dụng SCSS (SASS) và FLEX.
Bạn sẽ học mã hóa SCSS (SASS) theo cách tuần tự và có hệ thống theo cấu trúc phân cấp.
Bạn sẽ tự tin học FLEX bằng cách hiểu và áp dụng các bố cục FLEX vào thực tế.
Danh mục đầu tư tốt nhất cho việc làm của nhà xuất bản và thay đổi nghề nghiệp, sở hữu dự án web đáp ứng SCSS (SASS)
Những điều cần lưu ý trước khi tham gia lớp học 📢
🌈 Môi trường thực hành (trình soạn thảo văn bản)
Trình soạn thảo văn bản được xây dựng bằng Visual Studio Code .
Bạn có thể sử dụng các trình soạn thảo văn bản khác như Blanket, Sublime, v.v., nhưng trình soạn thảo văn bản của bạn phải hỗ trợ Live Sass Complier dưới dạng tiện ích mở rộng để thực hiện được khóa học.
Đối với mã hóa SCSS (SASS), bạn phải sử dụng Live Sass Complier, một phần mở rộng của Visual Studio Code. Đối với hướng dẫn này, bạn phải sử dụng Visual Studio Code để sử dụng Trình biên dịch Live Sass.
Tải xuống tài liệu học tập
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 Khóa học này được tạo bằng Visual Studio Code . Visual Studio Code là chương trình miễn phí và không có giới hạn sử dụng. Tất cả các video bài giảng đều được giải thích dựa trên Visual Studio Code.
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)>.
Cách sử dụng và thiết lập Visual Studio Code (Xem video)
Cách sử dụng Emmet trong Visual Studio Code (Xem video )
Cách cài đặt và sử dụng tiện ích mở rộng Visual Studio Code (xem video)
Ngăn chặn Full Reload nhảy lên khi chỉnh sửa CSS trong Visual Studio Code (Xem video)
✅ Không có video nào trên YouTube hướng dẫn cách cài đặt Live Sass Compilier Extension, nhưng bạn phải cài đặt nó.
✅ Trước khi xuất bản, hãy đảm bảo bạn đã tìm hiểu cách cài đặt và sử dụng tiện ích mở rộng Live Sass Compiler trong phần bên dưới.
Hỏi & Đáp 💬
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ó lớp học Có hai bài giảng.
<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).
Bài giảng này không phải là bài giảng video mà là bài giảng cung cấp sách giáo khoa và các tệp ví dụ thực tế. Với tư cách là nhà xuất bản, việc có thông tin này để tham khảo sẽ rất hữu ích.
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úpbạ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.
Phần 1. Tạo thiết kế giao diện người dùng cho dự án web đáp ứng SCSS(SASS)+FLEX - 6 giờ 37 phút
Phần 2. Dự án Web đáp ứng SCSS(SASS)+FLEX HTML Wireframe - 5 giờ 21 phút
Phần 3. Thiết lập và sử dụng Live Sass Compiler trong Visual Studio Code - 1 giờ 15 phút
Phần 4. Lý thuyết cốt lõi của SCSS - 5 giờ 9 phút
Phần 5. Dự án web đáp ứng SCSS(SASS)+FLEX cho PC Layout - 15 giờ 44 phút
Phần 6. Dự án web đáp ứng SCSS(SASS)+FLEX cho bố cục đáp ứng - 3 giờ 35 phút
Phần 7. [Hoàn thiện cuối cùng] Dự án web đáp ứng SCSS(SASS)+FLEX - 2 giờ 53 phút
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.
Giới thiệu người chia sẻ kiến thứ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.
🙋🏻♂️ Trước khi bạn đặt câu hỏi! Hãy đọc nhé~!!
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 kiểm tra các câu hỏi thường gặp trong cộng đồng bài giảng có liên quan trước~
⚡ Không thể thiếu để học tập hiệu quả! Vui lòng tham khảo kênh YouTube của Coding Works Publishing.
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.
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.
Khuyến nghị cho những người này
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
Xin chào Đây là
12,542
Học viên
738
Đánh giá
2,105
Trả lời
4.9
Xếp hạng
23
Các khóa học
■ [현재] 국비 퍼블리싱 & 프론트엔드 강사 ■ [현재] 프리랜서 프론트엔드 퍼블리셔 ■ [현재] HTML+CSS+JQUERY 퍼블리싱 유튜브 채널 '코딩웍스' 운영 ■ 그린 컴퓨터 아카데미 웹 퍼블리싱 강사 ■ 더조은 컴퓨터 아카데미 웹 퍼블리싱 강사 ■ 이젠 컴퓨터 아카데미 웹 퍼블리싱 강사 ■ 프론트엔드 퍼블리셔, 프론트엔드 퍼블리싱 전문강사 ■ UI/UX 웹 디자인 포트폴리오 강의 ■ 웹디자인 기능사 실기 자격증반 강의 ■ 이지앤에듀프론트엔드 UI/UX 디자인 및 퍼블리싱
Đây là lần đầu tiên tôi phát triển front web nên rất lo lắng.
Học phí hơi khác so với các khóa học khác.
Tôi hơi lo lắng (hahaha)
Sự lựa chọn của tôi hóa ra là một ơn trời.
(Bạn thực sự giỏi giảng bài!!)
Tôi không có bất kỳ kinh nghiệm phát triển web nào.
Tôi nghĩ rằng chương trình chính đã phát triển nên được phục vụ trên web/di động.
Tôi cảm thấy cần phải chuẩn bị và học tập trước nên đã đăng ký tham gia lớp học và nghỉ phép khoảng một tuần.
Tôi lấy nó ra và lái nó. Vào ngày thứ 4, anh ấy bắt đầu nôn ói.
Dù sao thì vào ngày thứ 5, tôi đã học xong hết bài giảng.
Tôi đã thực hiện một số thử nghiệm với trang ASP.Net Core 7 Razor.
(Từ trang Udemy: Ứng dụng web ASP.NET Core
Sau khi nghe bài giảng về Trang sử dụng dao cạo trị giá 15.000 won~ haha)
Các kết quả kiểm tra được liên kết tốt với DB và thể hiện tốt.
Tôi rất hạnh phúc và trải nghiệm một thế giới mới.
Trước đây, nó bắt đầu với COBOL và Fortran, và bây giờ là C#, VB.NET và một số thứ khác.
Với công nghệ cũ(?) đã phát triển ứng dụng máy tính để bàn bằng cách sử dụng các công cụ phát triển,
Liệu tôi có thể thích ứng với môi trường phát triển phù hợp với xu hướng hiện tại không? Tôi nghĩ...
Lời giải thích chi tiết rất dễ hiểu.
Nhờ có bạn, nó đã cho tôi sức mạnh to lớn và cho tôi lòng can đảm.
SCSS / Figma (thanh toán trả phí) / JQuery / HTML
Lên cấp chỉ với 4 món trên và các bài giảng ví dụ mẫu!!
Tôi đã sử dụng Photoshop được gần 20 năm và nhờ đó,
Tôi không nghĩ tôi sẽ sử dụng nó. cười
Các chi đều dài.
Đây là lần đầu tiên tôi học xong một bài giảng dài 100%... haha
Cảm ơn những bài giảng tuyệt vời của thầy.
Tôi sẽ cầu nguyện cho bạn luôn được khỏe mạnh.
Một trong những người hướng dẫn tại Infron được coi là tiết kiệm chi phí nhất là Coding Works. Khóa học mới ra mắt gần đây hơi đắt vì là công nghệ mới nhất, nhưng nhìn vào nội dung hiện có, tôi rất ấn tượng với khối lượng khổng lồ với mức học phí rất thấp nên đã tìm hiểu về Coding Works và tham gia khóa học. Ngay cả khi bạn vào học viện ngoại tuyến, cũng khó có thể tìm được một lớp học có mật độ dày đặc như vậy. Nếu nhìn vào toàn bộ cấu trúc bài giảng thì thời gian giảng lên tới hơn 40 giờ nên nội dung lại rất chi tiết. Ngoài ra, bằng cách hợp nhất các công nghệ cấp trung đến nâng cao mới nhất của WebPubble, bạn có thể đạt được kết quả bao gồm các công nghệ tiên tiến thực tế thông qua các lớp học thực hành, thực hành. Trên hết, tôi rất ấn tượng bởi cách người hướng dẫn trả lời nhanh chóng. Tôi đã có câu hỏi vào Chủ nhật, vì vậy tôi đã để lại hai câu hỏi liên quan đến việc tham gia khóa học và họ đã trả lời ngay ngày hôm đó với số lượng lớn, thực hành chuyên sâu về công nghệ mới nhất, phản hồi nhanh chóng. từ người hướng dẫn, v.v. Tôi rất thích khóa học này. Không có lý do gì để không giới thiệu nó. Tôi thành thật nghĩ rằng các nhà phát triển front-end đã có các kỹ năng webpub cơ bản trước React View. Ngày nay, ranh giới giữa các ngành đang sụp đổ và việc thực hiện đa tác vụ là bắt buộc. , nên cần người biết làm mọi việc. Nếu bạn muốn có được một vị trí được trả lương cao, bạn cần có khả năng tạo ra những gì bạn có trong đầu ít nhất bằng việc triển khai trên màn hình. Tôi cũng khuyên bạn nên tự mình học khóa học này, ngay cả khi bạn đang có. đang nghiên cứu React hoặc View. Tôi chưa phải là người bướng bỉnh nhưng những lời giải thích rất tử tế và hay nên học rất thú vị ^^ Khối lượng lớn có nghĩa là người hướng dẫn có kinh nghiệm giảng dạy sâu sắc Ngay cả khi một người hướng dẫn có kinh nghiệm nông cạn dạy một lượng lớn thời gian giảng dạy, đó là điều đó. không thể được. Tôi đã trăm tuổi. Mặc dù tôi đang học VÀ, tôi chọn khóa học này với mục đích nâng cao kỹ năng của mình lên trình độ chuyên gia cũng như thực hiện màn hình.
Trong các lớp đã học khi làm việc, đây là lớp hữu ích nhất.
Đến giờ mới biết mình đã code lòng vòng đến mức nào.. ^^;;
Từng khoảnh khắc tôi đều đang tự kiểm điểm lại.
Đang học với tấm lòng vô cùng biết ơn!!!
Hai năm trước em đã nghe giảng thầy và xin được việc, nhưng do khủng hoảng kinh tế nên em lại phải chuẩn bị tìm việc làm lại ạ 😭😭 Vì em chưa dùng thử SCSS nên em đang nghe để học ạ! Hay quá trời luôn ạ~! Em cảm ơn thầy ạ!