inflearn logo

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

[Website Creation Step By Step] Basic Course, this is a course to create the main page of Dopda (http://dopda.co.kr/) as it is. This Basic Course covers CSS layout creation and animation, and the Application Course will be opened by adding interactive elements such as image slide effects, responsive creation, scroll animation, and Fix Header.

(4.8) 34 reviews

1,077 learners

Level Basic

Course period Unlimited

HTML/CSS
HTML/CSS
jQuery
jQuery
Interactive Web
Interactive Web
Clone Coding
Clone Coding
HTML/CSS
HTML/CSS
jQuery
jQuery
Interactive Web
Interactive Web
Clone Coding
Clone Coding

Reviews from Early Learners

4.8

5.0

소라연

100% enrolled

Thank you. I had fun listening to it and following along to make it.

5.0

janey23

75% enrolled

Instructor Jay Young! I'm also listening to the free lecture on YouTube. Thank you for the great lecture~!!!!!!!!!

5.0

큰돌샘(JoyWins)

100% enrolled

I remember watching Instructor Jay Young's lecture on YouTube and gaining confidence in CSS, so I listened to Instructor Jay Young's lecture on Infraon to start working on CSS, which I hadn't done in a while. Thank you for the helpful lecture!!!

What you will gain after the course

  • HTML/CSS Basics

  • CSS Basic Grammar

  • HTML/CSS layout design

  • Understanding and applying the concept of Position

  • Understanding and Applying Virtual Selectors

  • Understanding and applying the concept of Float

  • Understanding and Applying Website Layout Creation

  • Apply CSS Animation

I know the basic HTML and CSS tags...
Are you afraid of creating layouts??

What about this lecture?

  • Even HTML/CSS beginners will naturally grasp markup and CSS syntax by writing each tag individually! From HTML/CSS fundamentals to layout creation, we'll walk you through implementing actual web pages .

If you are a real, real beginner!

Who needs it?

  • For those just learning HTML/CSS tags! For those who know the tags but haven't created a layout themselves! This course is ideal for those who want to learn the fundamentals and practical application of layout creation by creating a typical corporate web layout.

Step By Step!
Get started right now.

You can learn everything from the basics of HTML/CSS to its use in creating web pages.
We help you create dynamic elements using CSS Animation, Transform, and Transform.

  • Creating a web page layout
  • Creating CSS Animations
  • Hover effect
  • Transform effect
  • Transition effect
  • How to use virtual content
  • How to use developer tools

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


After listening to the lecture,
Try the next level!
Real-World Website Development Step-By-Step Series

Application Course 1 (Wise Studio_Responsive Web)
An eye-catching web page creation curriculum!
Application Course 2 (Daebang Industry_Interactive Web)
Create a gorgeous, high-difficulty interactive web with your own hands!
Application Course 3 (Musein_Responsive Web)
Practical scalability + speed UP, confidently handle complex layouts!

h tml, css, html/css, website, website, coding, layout, interactive web, interactive web, interactive web, web design, portfolio, publishing

Recommended for
these people

Who is this course right for?

  • For those who want to study HTML/CSS from the basics

  • Those who have basic knowledge of HTML/CSS but have difficulty creating layouts

  • For those who want to learn the concepts of Float and Position

  • For those who want to study CSS Animation production thoroughly

  • For those who want to learn how to properly use virtual selectors

  • For those who want to learn how to use developer tools

Hello
This is jyoung

9,798

Learners

427

Reviews

242

Answers

4.8

Rating

13

Courses

Hello.

I am J.Young, a UI/UX Full-Stack Design Director utilizing AI.

I have over 20 years of practical experience in web and app service planning, design, and development,
and I am currently working as an instructor for UI/UX web planning, design, and front-end bootcamps.

Based on my practical experience, I have helped over 500 students find employment in the design and IT fields, and I am currently focusing on teaching practical skills and new portfolio creation methods suited for the AI era.



My teaching philosophy is!

Building capabilities that can be immediately applied in the field

Instead of simply learning how to use tools, I help you build capabilities that can be applied immediately in the field by experiencing the same process as actual work, from planning to design, development, and deployment.

Focusing on core competencies required in the field

We focus on learning AI utilization skills, problem-solving abilities, and collaboration skills required in the rapidly changing job market.

Creating a portfolio that leads to employment

We focus on creating projects and portfolios that can capture the interest of interviewers.


In the AI era, design alone is not enough.

Now, you need the
capabilities of a Fullstack Creator who can plan, design, implement, and deploy.
You will gain basic proficiency in design tools and create actual services using Claude, Codex, and Figma,
experiencing how to produce results alongside AI.

- If you are feeling lost on where to start,
- If you want to increase the competitiveness of your portfolio,
- If you want to grow faster by utilizing AI, I will be your reliable guide.

I will be with you until the moment your results are complete.

Professional Experience

  • 2017~Present | Digital Product Director & UX Consultant

  • 2015~2017 | Executive Director, EliEsel Inc.

  • 2003~2015 | Executive Director, Amusingware Inc.

  • 2003 | Head of Design, Seowoo C&D


Lecturing Experience

  • Employment Portfolio Creation and Project Mentoring

  • Corporate lectures and practical competency enhancement training

  • Practical lectures for universities, corporations, and educational institutions

  • Design · Development Portfolio Consulting and Group Mentoring

  • Team coaching and portfolio guidance based on practical projects

  • Practical training for corporate employees and job seekers

  • AI-based UI/UX · Frontend Practical Education and Consulting



    - Current) Full-time Instructor for UIUX Planning · Design · Frontend Bootcamp (EZEN DX Academy - Gangnam Branch)
    - Specialized Lectures on Design/Development Portfolios and Team Group Lectures


    * YouTube Channel in Operation (Coding Designer)

For smoother learning, if you join the Jalnan Web-D 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-D
- Code: jyoung

 

More

Curriculum

All

8 lectures ∙ (1hr 51min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

34 reviews

4.8

34 reviews

  • vsakurav07님의 프로필 이미지
    vsakurav07

    Reviews 66

    Average Rating 5.0

    5

    100% enrolled

    I've been feeling a bit unsure about markup lately, so it was good for reviewing.

    • jyoung
      Instructor

      Thank you for your class review, baby4. I hope you continue to study hard and achieve your goals. Thank you. J.young Dream

  • joywins님의 프로필 이미지
    joywins

    Reviews 9

    Average Rating 4.8

    5

    100% enrolled

    I remember watching Instructor Jay Young's lecture on YouTube and gaining confidence in CSS, so I listened to Instructor Jay Young's lecture on Infraon to start working on CSS, which I hadn't done in a while. Thank you for the helpful lecture!!!

    • jyoung
      Instructor

      Thank you, Big Stone Sam~~ Thank you so much for subscribing on YouTube and listening to this lecture. I hope you study hard and get good results~~ Thank you^^ J.young Dream

  • sorayeon님의 프로필 이미지
    sorayeon

    Reviews 84

    Average Rating 5.0

    5

    100% enrolled

    Thank you. I had fun listening to it and following along to make it.

    • jyoung
      Instructor

      Sora Yeon You're already strong~~ Homepage layout creation and animation production It's easy, isn't it? We will prepare better lectures in the future Please look forward to the Alication course that will follow~ Thank you. Have a relaxing evening^^ J.young Dream

  • wjsduwls01011742님의 프로필 이미지
    wjsduwls01011742

    Reviews 9

    Average Rating 5.0

    5

    75% enrolled

    Instructor Jay Young! I'm also listening to the free lecture on YouTube. Thank you for the great lecture~!!!!!!!!!

    • jyoung
      Instructor

      janey23 You've already done it... Thank you^^ I will upload the application course as soon as possible. Have a nice day today^^ J.youngDream

  • wlenwlen081423439님의 프로필 이미지
    wlenwlen081423439

    Reviews 9

    Average Rating 5.0

    5

    100% enrolled

    It was easy and comfortable to learn and I was able to follow along without any problems. Thank you.

    • jyoung
      Instructor

      Mr. Jiwoo Thank you for your course review. If you have taken the Help Basic course.. I highly recommend you take the Music Site and Daebang Interactive Web site creation course. It is very helpful for creating basic layouts, and also for creating trendy corporate sites.. I think it is also very good quality for portfolios. Thank you J.young Dream

jyoung's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!

25% off for new members

$17.60

25%

$17.60