Trong thực tế! Tạo trang web! Từng bước một! ('Formain'_sản xuất trang đầy đủ)

Trong thực tế! Tạo trang web từng bước! Đây là quá trình tạo trang chính của Phomein (https://www.phomein.com/brand/main/main.do). Thông qua quá trình tạo và triển khai trang web tương tác tuyệt đẹp có trong trang web, chúng tôi sẽ dạy cho bạn bí quyết thực tế cốt lõi để tạo các bố cục phức tạp một cách dễ dàng và nhanh chóng ^^

(3.5) 4 đánh giá

101 học viên

Độ khó Cơ bản

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

HTML/CSS
HTML/CSS
Interactive Web
Interactive Web
Clone Coding
Clone Coding
jQuery
jQuery
HTML/CSS
HTML/CSS
Interactive Web
Interactive Web
Clone Coding
Clone Coding
jQuery
jQuery

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

  • Cách tạo bố cục phù hợp để sử dụng thực tế!

  • Cách tạo bố cục cuộn toàn trang!

  • Cách tạo điều hướng GNB có chiều sâu!

  • Cách đếm số!

  • Cách tạo slide ảnh có ảnh động!

  • Cách tạo các hình ảnh động cuộn khác nhau!

Một trang web nơi bạn có thể học bằng cách tự tạo trang web của riêng mình!
Thử thách bản thân với mã hóa bản sao cùng J. Young.

Tôi biết các thẻ HTML và thuộc tính CSS, nhưng
Bạn nói rằng việc tạo bố cục là chuyện của người khác?

Bạn có thể tạo ra một bố cục trang web thực sự bằng cách tạo ra một bố cục có sẵn!


Nếu bạn chỉ biết HTML và CSS
Tạo trang web tương tác OK!

  • Khóa học này được thiết kế dành cho những người có kiến thức cơ bản về HTML và CSS và sẽ tiến hành triển khai các trang web thực tế.
    • Nắm vững những kiến thức cơ bản về HTML Markup và thiết kế CSS!
    • Luyện tập! Hãy tự tin và hứng thú hơn trong việc tạo bố cục bằng cách khám phá nhiều ví dụ về cách tạo bố cục!
    • Hãy thử sức với việc sao chép bố cục!


Từng bước một!
Bắt đầu ngay bây giờ.

Bạn có thể học mọi thứ từ những kiến thức cơ bản về jQuery cho đến cách sử dụng để tạo trang web và chúng tôi sẽ giúp bạn tạo ra những trang web đẹp mắt và đầy màu sắc trong thời gian ngắn bằng cách sử dụng nhiều thư viện và plugin khác nhau.

Bạn có thể có được cả kỹ năng làm việc và kiến thức thực tế cốt lõi cùng một lúc thông qua các bài giảng trên trang web bao gồm các yếu tố tương tác cần thiết cho công việc thực tế.

Vấn đề thực sự nằm ở tốc độ và khả năng mở rộng.
Chỉ những người có thể hoàn thành nhanh chóng các dự án chất lượng cao trong khung thời gian nhất định mới được công nhận và coi là nhà thiết kế và nhà xuất bản có tay nghề cao.

Hãy cùng nhau xây dựng một trang web tên miền và tìm hiểu bí quyết để nhanh chóng tạo ra một trang web tuyệt đẹp!


  1. Cách tạo bố cục chính xác bằng HTML và CSS phù hợp để sử dụng thực tế
  2. Cách tạo bố cục cuộn toàn trang
  3. Cách tạo mạng lưới Depth GNB
  4. Cách đếm số
  5. Hoạt ảnh xuất hiện trong nhiều lần cuộn khác nhau
  6. Cách tạo slide hình ảnh có hoạt ảnh

Bạn có tò mò về những ví dụ thực tế không?

Bố cục toàn trang
Hình ảnh trượt
Điều hướng GNB
Điều hướng toàn trang

20 năm kinh nghiệm thực tế và bí quyết giảng dạy
J.young

Xin chào? Tôi là J.young.

Trong hơn 20 năm, tôi đã lãnh đạo một nhóm thiết kế tại một công ty thiết kế web và phát triển ứng dụng. Trong thời gian rảnh rỗi, tôi giảng dạy thiết kế UI/UX, thiết kế web, xuất bản web và phát triển front-end tại các trường đại học, trường phổ thông và các cơ sở đào tạo nghề. Mục tiêu của tôi là đào tạo sinh viên chưa có kinh nghiệm thiết kế hoặc lập trình trở thành chuyên gia, bao gồm cả nhà thiết kế và xuất bản web.

  • Từ cơ bản đến thực hành!
  • Những gì bạn muốn thực hiện!
  • Tạo một danh mục đầu tư có thể sử dụng ngay trong thực tế!

Thông qua các khóa học, chúng tôi hướng dẫn học viên tự tin bước vào môi trường làm việc chuyên nghiệp. Kết quả là, nhiều học viên của chúng tôi hiện đang thể hiện năng lực của mình với tư cách là nhà thiết kế và nhà xuất bản.

  • Những người muốn trở thành nhà thiết kế web hoặc nhà xuất bản nhưng không biết bắt đầu từ đâu hoặc như thế nào
  • Những người muốn tham gia một khóa học thường xuyên để thay đổi công việc nhưng thậm chí không thể nghĩ đến điều đó vì cuộc sống công việc
  • Những người thậm chí không biết 'mã' của mã hóa
  • Những người đã học những kiến thức cơ bản về HTML/CSS thông qua các học viện hoặc YouTube, nhưng chưa bao giờ học cách tạo một trang web

J.young ở đây để giúp bạn!

Ngoài ra, nếu bạn có bất kỳ câu hỏi nào trong khi học, vui lòng để lại bình luận và tôi sẽ cố gắng hết sức để cung cấp câu trả lời hữu ích.

Hoạt động mở phòng chat

Để có trải nghiệm học tập dễ dàng hơn, hãy tham gia phòng trò chuyện mở Jalnan Webdi do J.young điều hành.
Chúng tôi sẽ chia sẻ một số mẹo hữu ích và liên kết hội thảo trực tuyến miễn phí liên quan đến Figma, UI/UX, mã hóa và tạo danh mục đầu tư.

- Tên phòng chat mở: Jalnan Webdi
- Mã: jyoung

Kinh nghiệm làm việc

  • 2015~2017 Tổng giám đốc, Elicell Co., Ltd.
  • 2003~2015 Tổng giám đốc, Amusingware Co., Ltd.
  • ~2003 Giám đốc Thiết kế Seowoo C&D

Bài giảng và những trải nghiệm khác

  • Điều hành kênh YouTube webtoon nổi tiếng
  • Cao đẳng Nghệ thuật Incheon (bài giảng đa phương tiện trên web)
  • Trường dạy nghề Seoul Hyundai (Bài giảng trên web/ứng dụng thông minh)
  • Đại học Bách khoa (Giảng dạy Thiết kế)
  • Cao đẳng CNTT Hàn Quốc (Khóa học Thiết kế đa phương tiện)
  • Trường dạy nghề Dudurim (Lớp thiết kế)
  • Trung tâm Thị giác Phụ nữ Thành phố Gwangmyeong (Lớp Thiết kế Web)
  • Học viện máy tính hiện tại chi nhánh Bundang (Bài giảng thiết kế)
  • Học viện máy tính Joeun chi nhánh Seocho ([Chuyên gia thiết kế web] Thiết kế web và ứng dụng kỹ thuật số - Đánh giá khóa học - Loại chứng chỉ A)
  • Học viện máy tính HiMedia chi nhánh Seocho (Thiết kế web UI/UX & Xuất bản web bằng video)

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

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

  • Những người có kiến ​​thức cơ bản về HTML/CSS nhưng ngại tạo trang web

  • Bất kỳ ai muốn nhanh chóng tạo hồ sơ xin việc làm nhà thiết kế web hoặc nhà xuất bản

  • Ai muốn học mã nguồn jQuery cần thiết trên web

  • Bất kỳ ai muốn dễ dàng triển khai một trang web tương tác cần thiết trong thực tế mà không cần kiến ​​thức cơ bản về JavaScript

  • Những người hiện đang là nhà thiết kế đồ họa và muốn chuyển sang làm nhà phát triển hoặc nhà xuất bản front-end

  • Bất cứ ai muốn cải thiện kỹ năng làm việc của mình với tư cách là một nhà thiết kế web

  • Bất kỳ ai muốn nhanh chóng triển khai một trang web tương tác có tính đến khả năng mở rộng

Xin chào
Đây là jyoung

9,795

Học viên

427

Đánh giá

242

Trả lời

4.8

Xếp hạng

13

Các khóa học

Xin chào.

Tôi là J.Young, Giám đốc thiết kế Full-stack UIUX ứng dụng AI.

Tôi đã có hơn 20 năm kinh nghiệm thực tế trong việc lập kế hoạch, thiết kế và phát triển dịch vụ Web/App,
hiện tại tôi đang hoạt động với tư cách là giảng viên Bootcamp về Lập kế hoạch Web UIUX · Thiết kế · Front-end.

Dựa trên kinh nghiệm thực tế, tôi đã giúp hơn 500 học viên tìm được việc làm trong lĩnh vực thiết kế và IT, và hiện tại tôi vẫn đang tập trung vào giáo dục năng lực thực tiễn và phương pháp tạo portfolio mới phù hợp với thời đại AI.



Triết lý giảng dạy của tôi là!

Xây dựng năng lực để có thể áp dụng ngay vào thực tế công việc

Không chỉ đơn thuần là học cách sử dụng công cụ, tôi giúp bạn trang bị năng lực có thể vận dụng ngay vào thực tế thông qua việc trải nghiệm quy trình giống hệt với công việc thực tế, từ khâu lập kế hoạch đến thiết kế, phát triển và triển khai.

Tập trung vào các năng lực cốt lõi mà thực tế công việc yêu cầu

Chúng tôi tập trung học tập xoay quanh các kỹ năng sử dụng AI, khả năng giải quyết vấn đề và kỹ năng hợp tác cần thiết trong thị trường tuyển dụng đang thay đổi nhanh chóng.

Tạo hồ sơ năng lực (portfolio) dẫn đến việc làm

Tập trung vào việc tạo ra các dự án và danh mục hồ sơ năng lực (portfolio) có thể thu hút sự quan tâm của người phỏng vấn.


Trong thời đại AI, chỉ biết thiết kế thôi là chưa đủ.

Giờ đây, bạn cần có năng lực của một Fullstack Creator, người có thể lập kế hoạch, thiết kế, hiện thực hóa và triển khai sản phẩm.

Bằng cách sử dụng các kỹ năng cơ bản của công cụ thiết kế kết hợp với Claude, Codex, Figma để tạo ra các dịch vụ thực tế,
chúng tôi giúp bạn trải nghiệm cách tạo ra thành phẩm cùng với AI.

- Nếu bạn là người đang mông lung không biết phải bắt đầu từ đâu,
- Người muốn nâng cao khả năng cạnh tranh cho portfolio của mình,
- Hay người muốn phát triển nhanh hơn bằng cách tận dụng AI, tôi sẽ trở thành người hướng dẫn đáng tin cậy
cho các bạn.

Tôi sẽ đồng hành cùng các bạn cho đến khoảnh khắc thành quả của các bạn được hoàn thiện.

Kinh nghiệm thực tế

  • 2017~Hiện tại | Digital Product Director & UX Consultant

  • 2015~2017 | Executive Director, EliEsel Inc.

  • 2003~2015 | Executive Director, Amusingware Inc.

  • 2003 | Trưởng phòng Thiết kế, Seowoo C&D


Kinh nghiệm giảng dạy

  • Hướng dẫn làm portfolio xin việc và cố vấn dự án

  • Đào tạo tại doanh nghiệp và nâng cao năng lực thực tế

  • Giảng dạy thực tế dành cho các trường đại học · doanh nghiệp · tổ chức giáo dục

  • Tư vấn portfolio thiết kế · phát triển và cố vấn nhóm

  • Huấn luyện nhóm dựa trên dự án thực tế và hướng dẫn xây dựng portfolio

  • Đào tạo thực tế dành cho nhân viên doanh nghiệp và người đang chuẩn bị xin việc

  • Giáo dục và tư vấn thực hành UIUX · Frontend dựa trên AI



    - Hiện tại) Giảng viên chuyên trách Bootcamp Quy hoạch UIUX · Thiết kế · Frontend (Học viện Ezen DX - Chi nhánh Gangnam)
    - Giảng dạy chuyên sâu về Portfolio Thiết kế/Phát triển và giảng dạy theo nhóm


    * Kênh Youtube đang vận hành (Designer biết Code)

Để việc học tập diễn ra thuận lợi hơn, nếu bạn tham gia vào phòng chat mở Jalnan Web-D do J.young điều hành,
tôi sẽ giải đáp các thắc mắc về bài giảng và phản hồi về portfolio.

- Tên phòng chat mở: Jalnan Web-D
- Mã code: jyoung

 

Thêm

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

Tất cả

16 bài giảng ∙ (2giờ 31phú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ả

4 đánh giá

3.5

4 đánh giá

  • joofeel00005834님의 프로필 이미지
    joofeel00005834

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    50% đã tham gia

    Tuyệt.

    • jyoung
      Giảng viên

      Cảm ơn bạn đã đánh giá, Pilgyu Joo. Cảm ơn vì sự làm việc chăm chỉ của bạn Chúng tôi khuyến khích bạn phát triển kỹ năng của mình trong việc tạo các trang web tương tác. Cảm ơn bạn~ J.youngGiấc mơ

    • jyoung
      Giảng viên

      Cảm ơn bạn đã đánh giá, Pilgyu Joo. Nếu bạn đã đọc Formain, tôi thực sự khuyên bạn nên sử dụng Musign và Daebang Interactive Web. Hiểu cấu trúc hộp bố trí và web đáp ứng, Nó sẽ hữu ích trong việc tạo một trang web tương tác và có thể được sử dụng trong các cổng web. Tôi nghĩ vậy. Hãy vui vẻ làm việc chăm chỉ nhé~~ Cảm ơn bạn ^^ J.youngGiấc mơ

  • hyeree19930226님의 프로필 이미지
    hyeree19930226

    Đánh giá 1

    Đánh giá trung bình 3.0

    3

    100% đã tham gia

    Bài giảng hay :) Hơi thất vọng một chút là nó không hoạt động trên màn hình di động. Và bài giảng hơi nhanh ㅠㅜ

    • jyoung
      Giảng viên

      HYEREE AHN~ Khóa học Formain này được thiết kế để dạy bạn cách tạo toàn bộ trang, đếm ngược, hoạt ảnh xảy ra khi hoạt động, GNB MenuBar, v.v. Nếu bạn muốn nghiên cứu khả năng đáp ứng, bạn có thể tham gia các bài giảng Ứng dụng Doppa hoặc Musign. Và video đã được cố tình edit nhanh để đỡ nhàm chán. Bài giảng trực tuyến có ưu điểm là có thể học lại nhiều lần. Chúc bạn hôm nay một ngày tốt lành~ J.young mơ

  • gudghk07212222님의 프로필 이미지
    gudghk07212222

    Đánh giá 1

    Đánh giá trung bình 3.0

    3

    50% đã tham gia

    Tốc độ nhanh đến nỗi tôi bận rộn chỉ theo sau... Không biết video có được edit nhanh không, nhưng trước khi hết chữ, nhiều từ cứ tuôn ra... Có lẽ họ cũng đang chỉnh sửa mã hóa, nhưng nhanh hơn cả gõ... Cảm giác như lời nói dài 2 giờ, nhưng dài gần 4 đến 5 giờ. Dừng lại và chơi lại... Ngay cả ở tốc độ 0,75x, nó vẫn nhanh... haha... Tôi nghĩ phần giải thích về thanh trượt mượt mà và toàn bộ trang hơi thiếu. Tôi không hiểu rõ lắm. Và thật đáng tiếc là một số video bị cắt và một số phần sẽ tự động bị bỏ qua. trang chủ dường như được tổ chức. Ngoài ra, tôi không nghĩ người mới bắt đầu hoặc người mới nên tham gia khóa học này. Tôi khuyên bạn nên tham gia khóa học sau khi học viết mã ở một mức độ nào đó.

    • office1895님의 프로필 이미지
      office1895

      Đánh giá 1

      Đánh giá trung bình 3.0

      3

      100% đã tham gia

      Sẽ rất tốt nếu bạn có thể giải thích thêm về thư viện cũng như cách tải xuống và áp dụng nó. (bóng bẩy và toàn trang) Mô tả thư viện kết thúc bằng tệp đính kèm và một chút giải thích, nhưng nó còn nhiều điều chưa được mong đợi. Để đẩy nhanh tốc độ giảng bài, mỗi lần nói tôi đều chỉnh sửa thuật ngữ nên có cảm giác nhanh nhưng nếu chậm lại thì vẫn có thể làm được. Tuy nhiên, việc sử dụng toàn trang và chuyển tiếp rất dễ sử dụng vì mã rất đơn giản. Và tôi nghĩ việc tuân theo mã sẽ dễ dàng hơn nhiều nếu có một tệp chỉ có thư viện được thêm vào thay vì một tệp hoàn chỉnh. Cảm ơn bạn vì bài giảng tuyệt vời.

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

      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!

      Truy cập bị hạn chế đối với các khóa học không công khai.