Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
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á

97 học viên

  • jyoung
HTML/CSS
Interactive Web
Clone Coding
jQuery

Dịch cái này sang tiếng Việt

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

8,239

Học viên

326

Đánh giá

224

Trả lời

4.8

Xếp hạng

14

Các khóa học

 안녕하세요? J.young 임자영입니다.

20여년간의 웹디자인 & 앱개발회사를 운영하며, 대학과 전문학교 및 직업훈련기관에서 UI.UX디자인,웹디자인, 웹퍼블리셔, 프론트엔드개발 강의를 하고 있습니다.

디자인이나 코딩에 대한 기초가 전혀 없는 학생들을 대상으로, 전문가(UI.UX디자이너/ 퍼블리셔/코딩하는 디자이너) 양성을 위해!!
- 기초부터 실무까지!
- 실무에서 원하는!
- 실무에서 바로 써 먹을 수 있는 포트폴리오 제작! 강의로 전문가로써 당당히 실무에 진출할 수 있도록 지도하고 있습니다.

그런 만큼... 많은 제자들이 실무자로써의 그 역량을 발휘하고 있습니다.

-UI/UX디자이너, 퍼블리셔, 프론트엔드개발자가 되고 싶어도 어디서 부터
어떻게 시작할지 막막하신 분들..
- 이직을 위한 정규 코스 학원을 다니고 싶어도 직장 생활로 인해 엄두도 못 내시는 분들..
- 코딩에 '코'자도 모르시는 분! 학원이나 유튜브 등으로 HTML/CSS기초는 배웠지만 -
도통...웹 퍼블리싱 개발 구현이란 남의 이야기이신 분들....

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

* 오픈채팅방운영

보다 원활한 학습을 위해, J.young이 운영하는 잘난웹디 오픈채팅방에 가입하시면,
피그마, UI.UX, 코딩, 포트폴리오제작 관련 핵꿀팁과 무료웨비나 링크 등을 공유해드립니다.

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

 

실무경력

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


- 현) UIUX & 웹포트폴리오 강의 진행 중(실무 진출 90프로 이상)

 

감사합니다^^ 


운영중인유튜브

잘난웹디
https://www.youtube.com/channel/UCISuuIbv_SnkE6d4oDgrBWQ

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á

  • 주필규님의 프로필 이미지
    주필규

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    50% đã tham gia

    좋습니다.

    • J.영
      Giảng viên

      주필규님 수강평감사합니다. 열공하셔서 인터렉티브 웹 제작하실 수 있는 실력을 키우시길 응원합니다. 감사합니다~ J.young드림

    • J.영
      Giảng viên

      주필규님 수강평감사합니다. 포메인을 완독하셨으면 뮤자인과 대방인터렉티브웹을 강추드립니다. 레이아웃 박스구조에 대한 이해와 반응형웹, 인터렉트브웹 제작에 도움이 되시며 웹포폴에 사용할 수 있어 도움이 되시리라 생각됩니다. 열공하시구요~~ 감사합니다^^ J.young드림

  • office님의 프로필 이미지
    office

    Đánh giá 1

    Đánh giá trung bình 3.0

    3

    100% đã tham gia

    라이브러리에 대한 내용과 다운해서 적용하는방법을 좀 더 설명해 주시면 좋을것같습니다. (slick 과 fullpage)라이브러리 설명은 첨부되어 있는 파일과 조금의 설명으로 끝이나 아쉬움이 많이 남습니다. 강의는 빠르게 하기위해 말할때마다 텀을 편집하셔 빠른감이 있지만 배속을 늦게 하면 그럭저럭 맞게 할수 있습니다. 그래도 fullpage와 transition 사용은 코드가 심플하게 되어있어 사용하기에 용이합니다. 그리고 완성되어 있는 파일이 아니라 라이브러리만 추가 되어있는 파일이 있었으면 코드를 따라 치는데 훨씬 깔끔했을것같습니다. 좋은 강의 감사합니다.

    • 블랙박스이슈님의 프로필 이미지
      블랙박스이슈

      Đánh giá 1

      Đánh giá trung bình 3.0

      3

      50% đã tham gia

      스피드가 너무빨라서 그냥 따라쓰다가 바쁘네요... 비디오를 빠르게 편집하신건지 모르겠는데 말이 끝나기도전에 또다른 말이 계속나오고.. 코딩하는것도 편집 하신건지 타이핑속도보다 더 빠르고.. 말이 2시간짜리지 거의 4~5시간짜리같습니다. 정지시켯다가 다시플레이하고.. 0.75배속으로해도 빨라요.. ㅋ... 슬릭슬라이더나 풀페이지 설명도 조금 부족한듯싶습니다 잘 이해가안가요 .. 그리고 영상도 잘리는것들도 있고 자동스킵되는 부분들도있어서 아쉽네요 그래도 따라하다보면 홈페이지 구성은 되어지는거같아요. 그리고, 입문자나 초보는 절대 들으시면안될거같습니다 어느정도 코딩을 배우신다음 강의들으시는걸 추천드려요..

      • HYEREE AHN님의 프로필 이미지
        HYEREE AHN

        Đánh giá 1

        Đánh giá trung bình 3.0

        3

        100% đã tham gia

        강의는 좋네요:) 모바일화면은 안되는게 조금 아쉽습니다. 그리고 강의가 좀 빨라요 ㅠㅜ

        • J.영
          Giảng viên

          HYEREE AHN님~ 본 포메인강좌는 풀페이지제작에 대한 방법과, 카운트업, 액티브 시 진행되는 애니메이션, GNB MenuBar 등을 알려 드리기위해 위해 제작된 강의입니다. 반응형을 공부하고 싶으시면, 돕다Application이나 뮤자인 강의를 들으시면 됩니다. 그리고 영상은 지루함을 없애기 위해 일부러 빠르게 편집하였습니다. 온라인 강의는 반복해서 들을 수 있는 잇점이 있으니까요~~ 오늘도 좋은하루 되세요~ J.young드림

      656.675 ₫

      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!