inflearn logo
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
날개 달린 동전

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

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,110

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

Co-instructor

Curriculum

All

8 lectures ∙ (1hr 51min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

34 reviews

4.8

34 reviews

  • wjsduwls01011742님의 프로필 이미지
    wjsduwls01011742

    Reviews 8

    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

  • sorayeon님의 프로필 이미지
    sorayeon

    Reviews 81

    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

  • 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

  • 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

  • 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

jyoung's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!

$17.60