inflearn logo

Portfolio trang web phản hồi (Trang web giới thiệu chính thức của ứng dụng)

Quá trình xây dựng danh mục trang web phản hồi (App Official Landing) thông qua việc xuất bản HTML+CSS+JQUERY sẽ giúp bạn củng cố các kỹ năng cơ bản để tiến tới trình độ xuất bản trung cấp và nắm vững bí quyết xuất bản thực tế. Đặc biệt, thông qua việc trải nghiệm toàn bộ quá trình xây dựng trang web với những giải thích đầy đủ và thực hành thực tế, bạn sẽ có thêm tự tin trong việc tạo ra trang web danh mục cá nhân của mình. Bạn sẽ được học cách sử dụng các plugin jQuery thiết yếu như Scroll Reveal Animation và Slick Slider. Phương pháp xây dựng phản hồi sẽ được thực hiện theo cách truyền thống bằng cách sử dụng float và position để tạo bố cục phản hồi. Tuy nhiên, cũng có những phần sử dụng Flex cho một số yếu tố cụ thể.

(5.0) 32 đánh giá

482 học viên

Độ khó Cơ bản

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

HTML/CSS
HTML/CSS
jQuery
jQuery
Responsive Web
Responsive Web
HTML/CSS
HTML/CSS
jQuery
jQuery
Responsive Web
Responsive Web

Tin tức

19 bài viết

  • codingworks님의 프로필 이미지

    [Bài giảng mở] Danh mục xuất bản web di động với CSS Nesting

    Bằng cách tạo 19 trang và tổng cộng 22 bố cục di động khác nhau, bạn có thể cải thiện kỹ năng sản xuất web di động của mình, đây là kỹ năng cạnh tranh nhất trong việc làm và hoạt động của nhà xuất bản. Với tư cách là nhà xuất bản, bạn có thể tiếp thu hầu hết tất cả các phương pháp sản xuất và bí quyết tạo web di động.

    Cách tạo wireframe HTML chi tiết, phần mạnh nhất của lớp xuất bản web di động, được giải thích chi tiết trên từng trang. Thông qua khóa học này, kỹ năng tạo wireframe HTML của bạn sẽ được cải thiện đáng kể. Đặc biệt, bạn hoàn toàn có thể tìm hiểu phương pháp lồng CSS. Bạn sẽ đạt được các kỹ năng thực hành CSS từ trung cấp đến cao cấp, tập trung vào Flex Layout.

    Vào phần giới thiệu bài giảng: https://inf.run/yfNHF

    css-nesting-content-01.png

    0
  • codingworks님의 프로필 이미지

    CodingWorks-Main-Cover

    Tailwind CSS xuất bản danh mục đầu tư thực tế mở

    Cải thiện kỹ năng thực hành CSS Tailwind chỉ bằng cách tạo các ví dụ thực tế!

    Đây là quá trình tạo hơn 26 ví dụ thực tế khác nhau bằng Tailwind CSS . Chúng tôi nhanh chóng tạo ra nhiều ví dụ thực tế để giải thích lý thuyết thiết yếu. Khóa học này được thiết kế xoay quanh kiểu CSS Tailwind do các nhà phát triển và nhà xuất bản tạo ra.

    Tôi nghĩ nó sẽ giúp ích rất nhiều cho các nhà xuất bản và phát triển web trong việc tìm kiếm việc làm và thay đổi công việc.

    logo gió đuôi

     

    Vào phần giới thiệu bài giảng: https://inf.run/tHwCD

    0
  • codingworks님의 프로필 이미지

    Xin chào. Đây là Công việc mã hóa.

    Lần này, Coding Works đã mở khóa học Xuất bản thực hành danh mục đầu tư HTML+CSS+JS (Phần 3).

    Danh mục thực hành HTML+CSS+JS Phần 3 bao gồm 30 ví dụ về lý thuyết xuất bản mới nhất dành cho xuất bản trình độ trung cấp trở lên và một quy trình tạo hơn 45 loại ví dụ thực tế khác nhau. Với tổng thời lượng khoảng 29 giờ giảng, bạn sẽ có thể nghiên cứu các video về quá trình sản xuất thực tế của danh mục xuất bản, được thực hiện với nội dung chi tiết và giải thích có hệ thống để giúp bạn hiểu rõ.

    🚩 Nhấp để xem phần giới thiệu bài giảng Xuất bản thực tế danh mục đầu tư HTML+CSS+JS (Phần 3): https://inf.run/WwtUv

    season3-cover.png

     

    0
  • codingworks님의 프로필 이미지

    Xin chào. Đây là Công việc mã hóa.

    Lần này, khóa học CSS Tailwind do Coding Works nỗ lực tạo ra đã được mở.
    Khóa học CSS Tailwind do Coding Works tạo ra, có tiêu đề [Tạo kiểu giao diện người dùng tuyệt vời do nhà phát triển tạo bằng Tailwind CSS], tập trung chủ yếu vào cách các nhà phát triển có thể tạo kiểu dáng giao diện người dùng đẹp mắt, phù hợp với nhà xuất bản khi xuất bản.

    [Tạo kiểu giao diện người dùng tuyệt vời do các nhà phát triển tạo bằng CSS Tailwind] Khóa học trình bày một cách trung thực CSS Tailwind, hiện là framework hot nhất, từ lý thuyết đến các trang web đáp ứng thực tế trong hơn 19 giờ học . Chỉ vì thời gian học kéo dài không có nghĩa đó là một bài giảng hay. Tuy nhiên, tôi tự hào vì bài giảng dài và bài giảng hay. Đặc biệt,tất cả các lý thuyết CSS của Tailwind đều được trình bày chi tiết trong 8 giờ 30 phút nên những người thiếu lý thuyết CSS có thể học lý thuyết CSS một cách trung thực.

    image CSS Tailwind tiếp tục được yêu thích trong Bảng xếp hạng CSS Framework và CSS Tailwind, xếp hạng đầu tiên về mức độ hài lòng, là framework CSS hot nhất trên toàn thế giới hiện nay. Tôi nghĩ lý do tiêu biểu nhất cho sự phổ biến của nó là nó cho phép tạo kiểu sáng tạo bằng cách sử dụng các lớp tiện ích và thời gian làm việc để tạo ra một thiết kế chất lượng tốt khá nhanh.

    Ngoài các lớp lý thuyết, bạn có thể tìm hiểu một cách trung thực về các ví dụ thực tế được tạo bằng Tailwind CSS, sơ yếu lý lịch nghề nghiệp và giới thiệu danh mục đầu tư của nhà phát triển cũng như sản xuất web đáp ứng và nhận được kết quả.

    Vào phần giới thiệu bài giảng và bài giảng miễn phí : https://inf.run/pjqKk


    image

    0
  • codingworks님의 프로필 이미지

    Xin chào. Đây là Công việc mã hóa.
    Lần này mới Bài giảng bây giờ đã mở.

    SCSS (SASS) và FLEX Layout được sử dụng hoàn hảo trong thực tế! Đây là quy trình sản xuất dự án trang web đáp ứng có hệ thống bao gồm thiết kế giao diện người dùng trang chính và trang phụ chính của toàn bộ trang web bằng Figma, tạo cấu trúc khung dây HTML với tên lớp nhất quán và hoàn tất xuất bản. Trong tổng cộng hơn 35 giờ, bạn sẽ có đủ kiến ​​thức về các lý thuyết chính và kỹ năng ứng dụng thực tế, đồng thời tích lũy kinh nghiệm và bí quyết trong các dự án web đáp ứng trong khi thiết kế và tạo bố cục đáp ứng cho PC, thiết bị di động và máy tính bảng, như cũng như lý thuyết cốt lõi và kiến ​​thức về jQuery cũng sẽ được cải thiện đáng kể.

    🚩 Xem giới thiệu bài giảng: https://inf.run/TH3b

    image “Hoàn thiện khả năng tạo dự án trang web đáp ứng có hệ thống thông qua dự án web đáp ứng thực tế SCSS (SASS)+FLEX với bài giảng Figma”

    Sử dụng hoàn hảo SCSS (SASS) và FLEX trong thực tế!

    Điểm 1. Tạo thiết kế giao diện người dùng trang web SCSS(SASS)+FLEX với Figma
    Điểm 2. SCSS(SASS)+FLEX website HTML wireframe sản xuất chi tiết tất cả các trang
    Điểm 3. Sản xuất xuất bản nhiều trang web bằng SCSS (SASS) + FLEX
    Điểm 4. Thiết kế bố cục đáp ứng, sản xuất và xuất bản hoàn chỉnh cho PC, thiết bị di động và máy tính bảng
    Điểm 5. Khả năng sử dụng lý thuyết và thực hành cốt lõi của JQuery để tạo các dự án web đáp ứng

    Nó chứa đựng bí quyết sản xuất xuất bản từ cấp trung đến cấp cao mà Coding Works đã học được từ 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 nên bạn có thể tối đa hóa khả năng SCSS(SASS)+FLEX của mình.
    Tôi tin tưởng rằng bạn sẽ cải thiện được kỹ năng xuất bản web đáp ứng từ trung cấp đến nâng cao sau khi hoàn thành khóa học!

    image

    0
  • codingworks님의 프로필 이미지

    [Mở bài giảng ngoại tuyến] Việc làm của nhà xuất bản tạo danh mục đầu tư cá nhân và khóa học JavaScript cơ bản

    Xin chào. Đây là Công việc mã hóa.
    Coding Works giới thiệu các lớp học offline bắt đầu vào tháng 4 năm nay.
    Lần này, <Khóa học tạo danh mục đầu tư cá nhân và Vanilla JavaScript dành cho việc làm của nhà xuất bản> sẽ được tổ chức ngoại tuyến.

    Điểm đặc biệt của khóa học offline đang mở lần này là trong khóa học kéo dài 6 tuần, bạn sẽ phát triển các kỹ năng để nhanh chóng có được việc làm trong ngành xuất bản và được phỏng vấn cạnh tranh. Cụ thể, tôi đã hoàn thành tốt trang chủ portfolio cá nhân, điều cần thiết để có được công việc là nhà xuất bản, thực sự tốt trong 6 tuần đồng thời nhận được hướng dẫn cá nhân từ Coding Works.

    Nội dung khóa học giống với chương trình giảng dạy <Tạo trang chủ danh mục đầu tư cá nhân> mà Coding Works đã thực hiện trong một tháng trước khi hoàn thành khóa học tại học viện xuất bản được chính phủ tài trợ cuối cùng. Tất nhiên, chúng tôi không thể dành nhiều thời gian làm việc tại học viện như sinh viên tại các học viện xuất bản do chính phủ tài trợ, nhưng để đề cập đến vấn đề này, chúng tôi trình bày riêng khối lượng công việc cần hoàn thành mỗi tuần và kiểm tra chi tiết vào tuần sau. Tại học viện xuất bản do chính phủ tài trợ, có rất nhiều sinh viên nên việc kiểm tra và phản hồi cá nhân còn hạn chế, nhưng lần này, vì được tiến hành theo nhóm nhỏ nên Coding Works sẽ sửa chữa và bổ sung gần như 1:1 cho phù hợp với từng sinh viên. .

    Đặc biệt, lớp học ngoại tuyến này sẽ trang bị cho bạn các kỹ năng JavaScript thuần túy để cộng tác với các nhà phát triển trong lĩnh vực này, từ những điều cơ bản đến cốt lõi của JavaScript. Ngày nay, khi tuyển dụng các nhà xuất bản, điều rất quan trọng là phải thể hiện sự hiểu biết của bạn về JavaScript cơ bản và kết quả của bạn như một kỹ năng trên trang chủ và sơ yếu lý lịch danh mục đầu tư cá nhân của bạn. Không chỉ quan trọng, nó còn trở thành một kỹ năng cần thiết trong quá trình tuyển dụng. Vì vậy, cùng với toàn bộ lý thuyết về JavaScript, bạn sẽ trải qua quá trình tìm hiểu hoàn toàn lý thuyết thông qua các ví dụ thực tế thông qua các nhiệm vụ nhỏ trong từng bước của lớp lý thuyết. Và kết quả của [Ví dụ thực tế về Vanilla JavaScript] được tạo thông qua nhiệm vụ nhỏ này sẽ được tải lên dưới dạng tác phẩm JavaScript trên trang chủ danh mục đầu tư cá nhân. Thông qua các tác phẩm JavaScript này, các ứng viên là nhà xuất bản có thể thể hiện nhanh các kỹ năng JavaScript của mình với người quản lý nhân sự, mang lại cho họ lợi thế cạnh tranh lớn hơn so với những ứng viên khác.

    Để biết thêm chi tiết, hãy xem blog Công trình mã hóa.

    ■ Xem chi tiết bài giảng offline: https://www.inflearn.com/blogs/3210

    0
  • codingworks님의 프로필 이미지

    Xin chào. Đây là Công việc mã hóa.
    Thời tiết đang trở nên lạnh hơn nhiều. Các bạn sinh viên Coding Works hãy giữ gìn sức khỏe nhé.

    Giảm giá 20% cho tất cả các lớp Infron Coding Works đến hết ngày 7 tháng 12 năm 2022 .
    Có nhiều bài giảng khác nhau, bao gồm các khóa học giới thiệu về kỹ năng trung cấp và tạo danh mục đầu tư để tìm kiếm và thay đổi công việc với tư cách là nhà xuất bản.

    Xem bài giảng trực tiếp về Coding Works :  https://www.inflearn.com/users/@codingworks


    🌈Danh sách các bài giảng về Infron Coding Works

    • Danh mục xuất bản web di động với Figma

    • Hướng dẫn đầy đủ để tạo trang chủ danh mục đầu tư cá nhân của nhà xuất bản (PDF)

    • Hướng dẫn viết một bản lý lịch tuyệt vời cho công việc xuất bản

    • Khung CSS mặt trước tốt nhất, UIkit

    • Mọi thứ về CSS3 dành cho xuất bản cấp trung cấp cao

    • SCSS(SASS)+GRID+FLEX xuất bản danh mục đầu tư thực tế

    • Sách giáo khoa lý thuyết cốt lõi FLEX GRID (PDF) và ví dụ sử dụng SCSS (SASS)

    • Xuất bản thực tế danh mục đầu tư HTML+CSS+JS (Phần 2)

    • Tạo 'Trang chủ danh mục đầu tư cá nhân của nhà xuất bản' thu hút các cuộc phỏng vấn và việc làm

    • Danh mục trang web đáp ứng (Trang web đích chính thức của ứng dụng)

    • Lý thuyết lõi lưới và ứng dụng thực tế

    • Hướng dẫn thực tế thực tế để tìm việc làm nhà xuất bản (PDF)

    • Danh mục trang web đáp ứng linh hoạt (Thành phố tốt nhất thế giới)

    • Danh mục trang web đáp ứng (Cơ quan kiến ​​trúc)

    • Xuất bản thực tế danh mục đầu tư HTML+CSS+JS (Phần 1)

    • Xuất bản PDF sách giáo khoa và tệp ví dụ về lý thuyết cốt lõi (HTML+CSS+FLEX+JQUERY)

    • Hướng dẫn đầy đủ về kỳ thi thực hành kỹ thuật viên thiết kế web (HTML+CSS+JQUERY)

    0
  • codingworks님의 프로필 이미지

    Xin chào. Đây là Công việc mã hóa.

    Coding Works đã mở một khóa học mới, <Danh mục xuất bản web di động với Figma>.

     

    Bạn có thể cải thiện kỹ năng sản xuất web dành cho thiết bị di động của mình, đây là kỹ năng cạnh tranh nhất trong việc làm và thực hành nhà xuất bản. Với tư cách là nhà xuất bản, bạn có thể tiếp thu hầu hết tất cả các phương pháp sản xuất và bí quyết tạo web di động. Đặc biệt, quy trình thiết kế giao diện người dùng web di động bằng Figma đã được giải thích chi tiết để nhiều kỹ năng thiết kế mà các nhà xuất bản và nhà phát triển yêu cầu ngày nay có thể được đáp ứng khi học Figma. Cách tạo wireframe HTML chi tiết, phần mạnh nhất của lớp xuất bản web di động, được giải thích chi tiết trên từng trang. Thông qua khóa học này, kỹ năng tạo wireframe HTML của bạn sẽ được cải thiện đáng kể. Xuất bản web di động cung cấp mức độ khả năng làm việc tương tự như công việc thực tế thông qua việc học cách điều chỉnh bố cục một cách hoàn hảo cho thiết bị di động và máy tính bảng bằng cách sử dụng các biến CSS (Var). Bạn sẽ đạt được các kỹ năng thực hành CSS từ trung cấp đến cao cấp, tập trung vào Flex Layout.

     

    image

    “Các lý thuyết và bí quyết thiết yếu về thiết kế giao diện người dùng web dành cho thiết bị di động và sản xuất xuất bản cũng như sản xuất thực tế có hệ thống”

    Bước 1 . Tạo thiết kế giao diện người dùng web di động với Figma
    Bước 2 . Sản xuất chi tiết khung dây HTML trên web di động của tất cả các trang
    Bước 3 . Xuất bản nhiều trang với nhiều bố cục khác nhau bằng biến CSS (Var)
    Bước 4 . Xuất bản hoàn thiện công việc giúp cho kết quả xuất bản hoàn thiện trở nên hoàn hảo hơn

    Nó chứa bí quyết sản xuất xuất bản web di động mà Coding Works đã dạy cho nhiều sinh viên học viện ngoại tuyến cho đến nay. Tôi tin chắc rằng kỹ năng xuất bản của bạn sẽ được cải thiện sau khi hoàn thành khóa học!

    Đang có chương trình giảm giá 30% cho người đặt sớm~!!

     

    ■ Xem giới thiệu bài giảng: https://inf.run/9WSe

     

    0

1.308.615 ₫