강의

멘토링

커뮤니티

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

Level Basic

Course period Unlimited

  • jyoung
  • janey23
  • headong2
HTML/CSS
HTML/CSS
jQuery
jQuery
Interactive Web
Interactive Web
Responsive Web
Responsive Web
HTML/CSS
HTML/CSS
jQuery
jQuery
Interactive Web
Interactive Web
Responsive Web
Responsive Web

Reviews from Early Learners

Reviews from Early Learners

5.0

5.0

janey23

18% enrolled

Jay Young!!!! I'm listening to all the lectures ㅋㅋㅋ I finished the free lectures on YouTube and wanted to try out the slides and responsiveness like the actual site, so thank you for the clean lecture!!! The editing is tight and clean, so I love that I can hear the content right away as if I was teaching in person!!! Please continue to provide many good lectures!!! Thank you1!!

5.0

jdho5678

100% enrolled

Thank you for the good lecture.

5.0

최석문 moon

100% enrolled

It was a really good lecture, from the basic lecture to the application lecture. It can be boring if it flows mainly with technology, but I think I definitely learned a lot because I made a homepage together.^^ It was great to learn the overall flow by covering not only html/css coding, but also maintenance(?) with Chrome developer mode. I hope there will be additional lectures on detailed parts (submenus, mobile submenus, etc.) Thank you for the great lecture.

What you will gain after the course

  • 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

9,035

Learners

366

Reviews

227

Answers

4.8

Rating

14

Courses

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

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

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

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

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

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

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

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

실무경력

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


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

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

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

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

 

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!!!! I'm listening to all the lectures ㅋㅋㅋ I finished the free lectures on YouTube and wanted to try out the slides and responsiveness like the actual site, so thank you for the clean lecture!!! The editing is tight and clean, so I love that I can hear the content right away as if I was teaching in person!!! Please continue to provide many good lectures!!! Thank you1!!

    • jyoung
      Instructor

      janey23 Thank you for completing the course quickly this time as well. After reading janey23's course review... I feel greedy to upload the course more diligently with a good homepage. Thank you again... Have a good day today^^ J.young Dream

  • jdho56782438님의 프로필 이미지
    jdho56782438

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    Thank you for the good lecture.

    • jyoung
      Instructor

      Thank you jdho5678 for your class review. I will come back with a better class~~ It's raining a lot, but have a nice afternoon~~ J.young Dream

  • smoonchoi님의 프로필 이미지
    smoonchoi

    Reviews 3

    Average Rating 5.0

    5

    100% enrolled

    It was a really good lecture, from the basic lecture to the application lecture. It can be boring if it flows mainly with technology, but I think I definitely learned a lot because I made a homepage together.^^ It was great to learn the overall flow by covering not only html/css coding, but also maintenance(?) with Chrome developer mode. I hope there will be additional lectures on detailed parts (submenus, mobile submenus, etc.) Thank you for the great lecture.

    • jyoung
      Instructor

      Thank you, Seokmun. I'm so glad that it was helpful and good in many ways~~ I'm currently preparing a lecture...I'll prepare it so that you can learn more. Thank you^^

  • david2830541님의 프로필 이미지
    david2830541

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    Thank you for the great lecture~!

    • jyoung
      Instructor

      Thank you, Mr. Kim Eung-min, for the encouraging class review^^ We will come back with better lectures Thank you^^ J.young Dream

  • hihihj07017384님의 프로필 이미지
    hihihj07017384

    Reviews 7

    Average Rating 5.0

    5

    12% enrolled

    I always listen to it well!! The content of the YouTube lectures is also so good, thank you so much. I will come listen again.

    $17.60

    jyoung's other courses

    Check out other courses by the instructor!

    Similar courses

    Explore other courses in the same field!