inflearn logo
inflearn logo

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.

(4.8) 6 reviews

88 learners

Level Basic

Course period Unlimited

Responsive Web
Responsive Web
jQuery
jQuery
HTML/CSS
HTML/CSS
Interactive Web
Interactive Web
Responsive Web
Responsive Web
jQuery
jQuery
HTML/CSS
HTML/CSS
Interactive Web
Interactive Web
날개 달린 동전

Recommend Course to grow and earn commission!

날개 달린 동전

Marketing Partners

Recommend Course to grow and earn commission!

Reviews from Early Learners

Reviews from Early Learners

4.8

5.0

김가희

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~~

5.0

초록

84% enrolled

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

5.0

박서영

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.

What you will gain after the course

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

9,080

Learners

367

Reviews

227

Answers

4.8

Rating

14

Courses

"I am J.Young, your design and development portfolio mentor."

I have run a web design and app development company for the past 20 years, experiencing the intensity of the field firsthand. Based on that experience, I am currently dedicated to nurturing future experts at universities and professional educational institutions, covering everything from UI/UX design to front-end development.

My teaching philosophy is clear.

  1. From basics to practice, a seamless connection

  2. A compression of core skills desired by the industry

  3. Achieving Employment Success through a Practical Portfolio Completion

For those who feel overwhelmed and don't know where to start, office workers dreaming of a career change but lacking time, and beginners who feel like coding is a world away—I will turn my 20-year journey into your shortcut. Until the day you stand tall as a professional, I will do my best to be your reliable mentor and help you every step of the way.

J.young will help you!!
Also!! If you have any questions while studying, please leave a comment and
I will do my best to provide a helpful answer.

Professional Experience

- 2017~Present) Web Development Director
- 2015~2017) Executive Director at Eliesel Co., Ltd.
- 2003~2015) Executive Director at Amusingwear Co., Ltd.
- 2003: Design Manager at Seowoo C&D


- Current)
- UI/UX Web Planning/Design/Front-end Bootcamp Instructor (EZEN DX Academy - Seocho Branch)
- Professional lectures and group/individual tutoring for design and development portfolios


* YouTube channel in operation (Coding Designer)

For smoother learning, if you join the Jalnan Web Design open chat room operated by J.young,
I will provide answers to lecture questions and feedback on your portfolio.

- Open Chat Room Name: Jalnan Web Design
- Code: jyoung

 

More

Curriculum

All

19 lectures ∙ (3hr 5min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

6 reviews

4.8

6 reviews

  • 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

  • hamto0net님의 프로필 이미지
    hamto0net

    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

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

  • 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

  • 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

jyoung's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!

$24.20