강의

멘토링

커뮤니티

Programming

/

Front-end

Real! Website Creation! Step by Step! ('Cruala Mode'_Responsive Web Creation)

Real! Website Creation Step By Step! This is a process of creating the main page of Crewalamode (https://crewalamode.com/) as is. This is a process of creating and implementing the gorgeous interactive web contained in the site as is, and it teaches you the core practical know-how to easily and quickly create even complex layouts.

(5.0) 5 reviews

85 learners

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

Reviews from Early Learners

What you will learn!

  • How to create a layout that's suitable for your practice!

  • How to create a responsive website with full-size video!

  • How to apply scroll animation!

  • Animated headers and images that change design as you scroll!

  • Letter-by-letter text animation!

  • How to create a GNB open menu!

A website where you can learn by creating your own!
Challenge yourself with clone coding with J. Young.

Even if you only know HTML/CSS
Interactive web creation OK!

This course is designed for those with basic knowledge of HTML and CSS and will proceed by implementing actual web pages.


Step By Step!
Get started right now.

You can learn everything from the basics of jQuery to its use in creating web pages, and we will help you create cool and colorful web pages in a short period of time by utilizing various libraries and plugins.

You can acquire both work skills and core practical know-how at once through webpage lectures composed 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 build a domain site together and learn the know-how to quickly create a stunning website!


  1. How to create a super simple layout using HTML/CSS
  2. Various hover effects using Transform
  3. Header design changes as you scroll
  4. Text animation using plugins
  5. Animation that progresses as you scroll
Responsive page views for PC/Tablet/Mobile devices
How to use developer tools


20 years of practical experience and lecture know-how
J.young

Hello? This is J.young.

For over 20 years, I've been leading a design team at a web design and app development company. In my spare time, I teach UI/UX design, web design, web publisher, and front-end development at universities, schools, and vocational training institutions. I aim to train students with no prior design or coding experience to become professionals, including web designers and publishers.

  • From basics to practice!
  • What you want in practice!
  • Create a portfolio that can be used right away in practice!

Through our courses, we guide students to confidently enter the workforce as professionals. As a result, many of our students are now demonstrating their capabilities as working designers and publishers.

  • People who want to become a web designer or publisher but don't know where or how to start
  • People who want to attend a regular course for job change but can't even think about it due to work life
  • People who don't even know the 'code' of coding
  • Those who have learned the basics of HTML/CSS through academies or YouTube, but who have never learned how to create a website

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

Work experience

  • 2015~2017 Managing Director, Elicell Co., Ltd.
  • 2003~2015 Managing Director, Amusingware Co., Ltd.
  • ~2003 Seowoo C&D Design Director

Lectures and other experiences

  • Running a well-known webtoon YouTube channel
  • Incheon Arts College (multimedia web lectures)
  • Seoul Hyundai Vocational School (Smart Web/App Lectures)
  • Polytechnic University (Design Lecture)
  • Korea IT College (Multimedia Design Course)
  • Dudurim Vocational School (Design Class)
  • Gwangmyeong City Women's Vision Center (Web Design Class)
  • Now Computer Academy Bundang Branch (Design Lecture)
  • The Joeun Computer Academy Seocho Branch ([Web Design Specialist] Digital Web & App Design - Course Evaluation-Type Qualification-A)
  • Now DX Academy (Gangnam Branch) (Figma, UIUX, Front-end Courses)

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

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

19 lectures ∙ (3hr 5min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

5 reviews

5.0

5 reviews

  • skylove62557603님의 프로필 이미지
    skylove62557603

    Reviews 10

    Average Rating 5.0

    5

    100% enrolled

    Your clone coding lectures are great for creating portfolios because I can make really cool designs. They're also good for practical use, and I like that the lectures are fast-paced so they're not boring. You also give feedback quickly. I hope more new lectures come out~~

    • jyoung
      Instructor

      Gahee, thank you for your kind review! I might have difficulty uploading lectures for the time being due to offline classes, but I plan to focus intensely on uploading lectures starting in the second half of this year. I look forward to your continued support then! Thank you! Sincerely, Jay Young

  • chfhdvlcl3404님의 프로필 이미지
    chfhdvlcl3404

    Reviews 6

    Average Rating 5.0

    5

    84% enrolled

    It was easy to follow with clear progress and detailed explanations. I will listen to the good lecture and go!

    • jyoung
      Instructor

      Thank you, chfhdvlcl, for your high review. I hope this lecture will be of great help in creating a website. I think the Daebang site and Muse site lectures will also be of great help in practical use. I cheer you on again. Thank you. J.young Dream

  • xxn1ik님의 프로필 이미지
    xxn1ik

    Reviews 4

    Average Rating 5.0

    5

    100% enrolled

    I only took two of Jyoung's lectures, and I was very satisfied with both of them! The instructor taught in a calm manner, so I was able to follow along easily, and I was able to apply what I learned to real life situations right away, which was great! Thanks to him, my skills have really improved a lot.

    • jyoung
      Instructor

      Thank you for your class review, Yeri. You took two of my classes, and I hope it helped you improve your skills. I really appreciate it~~ I will always come back with good classes. Thank you^^ J.young Dream

  • ciel07272473님의 프로필 이미지
    ciel07272473

    Reviews 7

    Average Rating 4.7

    5

    100% enrolled

    Please explain it slowly and thoroughly!!

    • jyoung
      Instructor

      ciel0727 Thank you for your course review~~ We will come back with better lectures~ Thank you^^ Please continue to study hard~ J.young Dream

  • pipinang145923님의 프로필 이미지
    pipinang145923

    Reviews 2

    Average Rating 5.0

    5

    68% enrolled

    I really like it because you explain it thoroughly and in an easy-to-understand way ~

    • jyoung
      Instructor

      Luffy-nim~ I am more grateful. I will continue to come back with good lectures. Thank you^^

$24.20

jyoung's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!