강의

멘토링

커뮤니티

Programming

/

Front-end

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á

102 học viên

Độ khó Cơ bản

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

  • jyoung
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à

9,039

Học viên

366

Đánh giá

227

Trả lời

4.8

Xếp hạng

14

Các khóa học

"디자인.개발 포트폴리오 멘토 J.Young입니다."

저는 지난 20년간 웹 디자인 및 앱 개발 회사를 운영하며 현장의 치열함을 몸소 겪어왔습니다. 그 경험을 바탕으로 현재는 대학과 전문 교육 기관에서 UI/UX 디자인부터 프론트엔드 개발까지, 후배 전문가들을 양성하는 데 매진하고 있습니다.

저의 강의 철학은 명확합니다.

  1. 기초부터 실무까지 막힘없는 연결

  2. 현업이 원하는 핵심 기술의 압축

  3. 취업 성공을 부르는 실무형 포트폴리오 완성

어디서부터 시작할지 막막하신 분, 이직을 꿈꾸지만 시간이 부족한 직장인, 그리고 코딩이 남의 이야기처럼 느껴지는 초보자분들까지. 제가 걸어온 20년의 길을 여러분의 지름길로 만들어 드리겠습니다. 당당히 실무자로 서는 그날까지, 여러분의 든든한 사수가 되어 최선을 다해 돕겠습니다.

J.young이 도와드리겠습니다.!!
또한!! 학습하시다 궁금하신 점 있으시면 댓글 남겨주시면
도움이 드릴 수 있는 답을 드리도록 최선을 다하겠습니다.

실무경력

- 2017~현) 웹개발 Director
- 2015년~2017년(주)엘리에셀 총괄 이사
- 2003년~2015년 (주)어뮤징웨어 총괄 이사
- 2003년: 서우씨앤디 디자인실장


- 현)
- UIUX웹기획/ 디자인/프론트엔드 부트캠프 강사 (이젠DX아카데미 -서초점)
- 디자인.개발 포트폴리오 전문 강의 및 그룹 및 개인 지도

 
* 운영중인 유튜브 (코딩하는 디자이너)

보다 원활한 학습을 위해, J.young이 운영하는 잘난웹디 오픈채팅방에 가입하시면,
강의 질문과 포트폴리오 관련 피드백 드립니다.

- 오픈채팅방명 : 잘난웹디
- 코드 : jyoung

 

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ơ

  • 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.

    • 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 đó.

      • 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ơ

      646.580 ₫

      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!