강의

챌린지

멘토링

로드맵

커뮤니티

Dự án web responsive thực tế với SCSS(SASS)+FLEX và Figma

Thành thạo SCSS(SASS) và FLEX Layout trong thực tế! Đây là khóa học xây dựng dự án website responsive một cách bài bản: thiết kế giao diện UI cho trang chính và các trang phụ quan trọng của toàn bộ website bằng Figma, đồng thời tạo cấu trúc wireframe HTML với tên class nhất quán và hoàn thiện phần publishing. Trong hơn 41 giờ học, bạn sẽ nắm vững các lý thuyết cốt lõi cũng như khả năng ứng dụng vào thực tế; đồng thời thiết kế và xây dựng layout responsive tương thích với PC - mobile - tablet, qua đó nâng cao đáng kể kinh nghiệm và bí quyết triển khai dự án web responsive, cũng như kiến thức lý thuyết cốt lõi và khả năng ứng dụng thực tế của jQuery.

(4.9) 30 đánh giá

348 học viên

Độ khó Cơ bản

Thời gian Không giới hạn

HTML/CSS
HTML/CSS
Sass
Sass
scss
scss
JavaScript
JavaScript
jQuery
jQuery
HTML/CSS
HTML/CSS
Sass
Sass
scss
scss
JavaScript
JavaScript
jQuery
jQuery

Đánh giá từ những học viên đầu tiên

4.9

5.0

My Dream

100% đã tham gia

Đâ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.

5.0

pcdoomco4

83% đã tham gia

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.

5.0

문유연

17% đã tham gia

Lớp học tuyệt vời nhất.....! Tôi đã từng học qua rất nhiều bài giảng rồi, nhưng có lẽ chưa thấy ai hướng dẫn chi tiết mà lại dễ hiểu như thầy/cô cả. Nhờ vậy mà tôi đã học hỏi được thực sự rất nhiều điều. Tôi thực sự đề xuất khóa học này cho những ai còn đang phân vân không biết có nên học hay không. Ngay cả khi bạn không có nền tảng cơ bản, thầy/cô cũng sẽ giải thích rất dễ hiểu và chi tiết, nên tôi tin rằng bạn sẽ tuyệt đối không hối hận đâu.

Bạn sẽ nhận được điều này sau khi học.

  • Quy trình xây dựng dự án website responsive có hệ thống

  • Kiến thức cốt lõi về SCSS(SASS) và khả năng ứng dụng thực tiễn

  • Lý thuyết cốt lõi và khả năng ứng dụng thực tế của FLEX Layout

  • Thiết kế và xây dựng bố cục tương thích đáp ứng cho PC, thiết bị di động và máy tính bảng

  • Kiến thức lý thuyết cốt lõi và năng lực ứng dụng thực tế jQuery để xây dựng dự án web responsive

  • Khả năng thiết kế UI website bằng Figma

  • Khả năng thiết kế cấu trúc wireframe HTML có hệ thống và tên lớp (class name)

  • Tạo portfolio web responsive tốt nhất dành cho chuyên viên phát triển giao diện web và nhà phát triển web

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Dành cho những ai cần nắm vững lý thuyết cốt lõi và khả năng ứng dụng thực tế của SCSS(SASS)

  • Dành cho những ai cần một portfolio dự án xây dựng website responsive có hệ thống

  • Những người muốn hiểu được tinh hoa của công việc publishing với tư cách là nhà phát triển frontend

  • Dành cho những ai cần một dự án web responsive có tính cạnh tranh cao nhất với tư cách là publisher

  • Những người muốn tạo lợi thế cạnh tranh cho hồ sơ xin việc nhờ khả năng sử dụng SCSS(SASS)

Cần biết trước khi bắt đầu?

  • Năng lực từ cơ bản trở lên về HTML+CSS

Xin chào
Đây là codingworks

13,270

Học viên

797

Đánh giá

2,125

Trả lời

4.9

Xếp hạng

23

Các khóa học

■ [Hiện tại] Giảng viên Publishing & Front-end được nhà nước hỗ trợ kinh phí
■ [Hiện tại] Freelance Front-end Publisher
■ [Hiện tại] Vận hành kênh YouTube 'Coding Works' chuyên về HTML+CSS+JQUERY Publishing
■ Giảng viên Web Publishing tại Green Computer Academy
■ Giảng viên Web Publishing tại The Joeun Computer Academy
■ Giảng viên Web Publishing tại Ezen Computer Academy
■ Front-end Publisher, Giảng viên chuyên nghiệp về Front-end Publishing
■ Giảng dạy Portfolio thiết kế Web UI/UX
■ Giảng dạy lớp chứng chỉ thực hành Kỹ thuật viên Thiết kế Web
■ Thiết kế UI/UX và Publishing Front-end tại Easy & Edu

 

🌏Danh sách bài giảng CodingWorks trên Inflearn - https://www.inflearn.com/users/@codingworks
🌏Thứ tự học các bài giảng CodingWorks trên Inflearn (Lộ trình học tập) - https://www.inflearn.com/blogs/2351
🌏Blog Publishing CodingWorks trên Inflearn - https://www.inflearn.com/users/@codingworks/blogs
🌏Kênh YouTube Publishing của CodingWorks - https://www.youtube.com/codingworks
🟣Xem phỏng vấn CodingWorks trên Inflearn In-focus: https://www.inflearn.com/pages/infocus-8-20230704

Thêm

Chương trình giảng dạy

Tất cả

125 bài giảng ∙ (41giờ 14phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

30 đánh giá

4.9

30 đánh giá

  • hamham00님의 프로필 이미지
    hamham00

    Đánh giá 6

    ∙

    Đánh giá trung bình 5.0

    5

    6% đã tham gia

    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 ạ!

    • codingworks
      Giảng viên

      Cảm ơn bạn vì những đánh giá về khóa học nhé~!!

  • pcdoomco44801님의 프로필 이미지
    pcdoomco44801

    Đánh giá 3

    ∙

    Đánh giá trung bình 5.0

    5

    83% đã tham gia

    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.

    • codingworks
      Giảng viên

      Cảm ơn bạn đã đánh giá chi tiết của bạn ~!!

  • todamsseudam4203님의 프로필 이미지
    todamsseudam4203

    Đánh giá 2

    ∙

    Đánh giá trung bình 5.0

    5

    60% đã tham gia

    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!!!

    • codingworks
      Giảng viên

      Rất cảm ơn đánh giá!

  • moondbdus5233님의 프로필 이미지
    moondbdus5233

    Đánh giá 1

    ∙

    Đánh giá trung bình 5.0

    5

    17% đã tham gia

    Lớp học tuyệt vời nhất.....! Tôi đã từng học qua rất nhiều bài giảng rồi, nhưng có lẽ chưa thấy ai hướng dẫn chi tiết mà lại dễ hiểu như thầy/cô cả. Nhờ vậy mà tôi đã học hỏi được thực sự rất nhiều điều. Tôi thực sự đề xuất khóa học này cho những ai còn đang phân vân không biết có nên học hay không. Ngay cả khi bạn không có nền tảng cơ bản, thầy/cô cũng sẽ giải thích rất dễ hiểu và chi tiết, nên tôi tin rằng bạn sẽ tuyệt đối không hối hận đâu.

    • codingworks
      Giảng viên

      Cảm ơn bạn đã đánh giá khóa học~!!

  • ds4odk님의 프로필 이미지
    ds4odk

    Đánh giá 4

    ∙

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Đâ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.

    • codingworks
      Giảng viên

      Là một học viên, tôi nghĩ nó sẽ giúp ích rất nhiều cho các sinh viên tương lai vì đây là thông tin chi tiết. Cảm ơn bạn đã đánh giá của bạn ~!!

Khóa học khác của codingworks

Hãy khám phá các khóa học khác của giảng viên!

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!