강의

멘토링

커뮤니티

Programming

/

Web Development

Real! Website Creation! Step by Step! ('Help' Site Creation_Application Course)

This is a lecture that creates and implements the actual website main page as an application course for the Dopda site production. It is a lecture that completes the web page production by modifying and supplementing each coding, adding Fixed header, Image Slider, Mobile navigation, Scroll Animation, and responsiveness, from the simple structure coding centered on the layout and animation of the Dopda site Basic Course that was opened as a free lecture! (You can see that the learning effect is greater if you take this lecture after listening to the Dopda-Basic Course.)

(5.0) 5 reviews

152 learners

3시간 만에 완강할 수 있는 강의 ⏰
HTML/CSS
jQuery
Interactive Web
Responsive Web

Reviews from Early Learners

What you will learn!

  • FixHeader jQuery that changes design when scrolling

  • Scroll event animation jQuery (scrolla.js) utilization and application

  • Image slides with animation using jQuery (slick.js) and its application

  • Creating a GNB navBar that appears when the Open button is clicked

Learn how to create layouts and animations using HTML + CSS.
Have you taken the Basic Course?

Now that you understand layout and animation creation, let's move on to implementing some more active elements.
You can learn everything you need to know about jQuery, from the basics to its use in web page creation, and we'll help you create stunning, colorful web pages in a short period of time by utilizing libraries and plugins.


Who needs it?

  • For those who want to implement more splendor and activity than CSS Animation
  • Anyone who wants to know the basics of JavaScript and jQuery needed on the web
  • Anyone who wants to implement an active web in a short period of time for work speed and scalability
  • Anyone who wants to create a portfolio for employment as a web designer/publisher
  • Currently a graphic designer who wants to transition to a web designer/publisher

You can acquire both work skills and core practical know-how through webpage lectures comprised of interactive elements essential for practical work.

The real deal is speed and scalability.
Only those who can quickly complete high-quality projects within the given timeframe will be recognized and treated as skilled designers and publishers.

Let's learn the know-how to quickly create a gorgeous website by creating an Application Course together with the help site!


Explore the learning content


Full Screen Image

Image Slider

Responsive Web (1100px~951px tablet resolution)

Responsive Web (950px~751px tablet resolution)

Responsive Web (mobile resolution below 750px)

Open chat room operation

For a smoother learning experience, join the Jalnan Webdi open chat room run by J.young.
We'll share some great tips and free webinar links related to Figma, UI/UX, coding, and portfolio creation.

- Open chat room name: Jalnan Webdi
- Code: jyoung

Recommended for
these people

Who is this course right for?

  • Those who have basic knowledge of HTML/CSS but are afraid of creating web pages

  • Anyone who wants to quickly create a portfolio for employment as a web designer or publisher

  • Anyone who wants to learn the jQuery source code needed on the web

  • Anyone who wants to easily implement interactive web required in practice without basic JavaScript knowledge

  • Currently a graphic designer who wants to transition to a front-end developer or publisher

  • Anyone who wants to improve their work skills as a web designer

  • Anyone who wants to quickly implement an interactive web with scalability in mind

Need to know before starting?

  • HTML/CSS Basics

  • Practice! Website Creation! Step by Step! ('Help' Website Creation_Basic Course) You can take the following course after listening to the lecture.

Hello
This is

8,570

Learners

339

Reviews

225

Answers

4.8

Rating

14

Courses

 안녕하세요? 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

Curriculum

All

17 lectures ∙ (2hr 54min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

5 reviews

5.0

5 reviews

  • wjsduwls01011742님의 프로필 이미지
    wjsduwls01011742

    Reviews 8

    Average Rating 5.0

    5

    18% enrolled

    Jay Young!!!! Tôi đang nghe tất cả các bài giảng haha. Các bài giảng miễn phí trên YouTube rất hay và tôi muốn thử sử dụng các slide và khả năng phản hồi giống như trang trợ giúp thực sự. Cảm ơn bạn vì những bài giảng hay!!! Biên tập chặt chẽ và sạch sẽ nên mình rất thích vì có thể nghe được nội dung ngay như đang nghe giảng trực tiếp!!! Xin hãy cho chúng tôi nhiều bài giảng hay hơn nữa trong tương lai!!! Cảm ơn bạn1!!

    • jyoung
      Instructor

      janey23 Cảm ơn bạn đã làm việc chăm chỉ lần này quá. Sau khi đọc bài đánh giá khóa học của janey23... Tôi cần phải làm việc chăm chỉ hơn để tải các khóa học lên một trang web tốt. Tôi trở nên tham lam. Cảm ơn bạn một lần nữa... Chúc bạn hôm nay một ngày tốt lành ^^ J.youngGiấc mơ

  • jdho56782438님의 프로필 이미지
    jdho56782438

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    Cảm ơn vì bài giảng hay

    • jyoung
      Instructor

      Cảm ơn jdho5678 vì đánh giá của bạn. Tôi sẽ trở lại với nhiều bài giảng hay hơn ~~ Dù trời mưa nhiều nhưng chúc buổi chiều vui vẻ nhé~~ J.youngGiấc mơ

  • smoonchoi0111님의 프로필 이미지
    smoonchoi0111

    Reviews 3

    Average Rating 5.0

    5

    100% enrolled

    Đó là một bài giảng rất hay, từ bài giảng cơ bản đến bài giảng ứng dụng. Nếu bạn tập trung vào công nghệ thì có thể sẽ nhàm chán, nhưng tôi nghĩ bạn chắc chắn sẽ học được rất nhiều điều khi cùng nhau tạo ra trang web. ^^ Không chỉ mã hóa html/css Thật tuyệt khi được biết quy trình tổng thể thông qua phần bảo trì (?) của Chrome thông qua chế độ nhà phát triển. Ngoài ra, sẽ rất tốt nếu có thêm bài giảng về các phần chi tiết (menu con, menu con di động, v.v.) Cảm ơn bạn vì bài giảng tuyệt vời.

    • jyoung
      Instructor

      Cảm ơn Seokmun. Tôi thực sự vui vì nó hữu ích và hữu ích về nhiều mặt~~ Hiện tại chúng tôi đang chuẩn bị bài giảng nên sẽ chuẩn bị và gặp mặt các bạn để các bạn học hỏi thêm nhé ^^

  • david2830541님의 프로필 이미지
    david2830541

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    Cảm ơn bạn vì bài giảng tuyệt vời~!

    • jyoung
      Instructor

      Kim Eung-min, cảm ơn bài đánh giá bài giảng đầy ý nghĩa của bạn ^^ Tôi sẽ trở lại với một bài giảng tốt hơn. Cảm ơn bạn ^^ J.youngGiấc mơ

  • hihihj07017384님의 프로필 이미지
    hihihj07017384

    Reviews 7

    Average Rating 5.0

    5

    12% enrolled

    Tôi luôn lắng nghe cẩn thận!! Nội dung bạn tải lên YouTube thực sự rất hay, cảm ơn bạn. Tôi sẽ quay lại để nghe lại

    $17.60

    jyoung's other courses

    Check out other courses by the instructor!

    Similar courses

    Explore other courses in the same field!