Real! Website Creation! Step by Step! (Korea Consumer Agency Consumer Era - Layout Creation Basics)

[Website Creation Step By Step] This is a beginner-level course that will walk you through the creation of the main page of the Korea Consumer Era webzine (currently renewed).

(4.9) 32 reviews

654 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.9

5.0

janey23

71% enrolled

I'm so happy that I can take such great lectures for free! I've always been confused about how to set up layouts, so thank you! I'm also watching the lectures you upload on YouTube!! It would be great if you uploaded responsive lectures on YouTube too. Thank you~~~

5.0

headong2

100% enrolled

Thank you for uploading the lecture for free!!! I had some difficulties studying on my ownㅜㅜ I got the feel of it as I followed along while listening to the lecture, and I was at a loss when I looked it up on my own, but I am so grateful that I can learn in such detail...!!!!>< I will finish the other lectures and properly study coding on my own

5.0

gmdwns6297

71% enrolled

I'm a backend developer, but I was about to start studying publishing and frontend, and you're explaining it in such detail. Thank you.

What you will gain after the course

  • Creating web page layouts

  • CSS Animation Production

  • Hover effect

  • Transform effect

  • Transition effect

  • How to use virtual content

  • How to use developer tools

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

  • This course is designed for those with basic knowledge of HTML and CSS and will proceed by implementing actual web pages .
  • 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 all the lectures,
Try the next level!
Real-World Website Development Step-By-Step Series

Basic Course (Hanwha Chemical_Responsive Web)
Complete understanding of PC mode layout and responsive page creation!
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, web design, portfolio, publishing

Recommended for
these people

Who is this course right for?

  • People who have basic knowledge of HTML/CSS but have never created a layout

  • For those who find layout creation difficult and overwhelming

  • For those who want to solidify the basics of layout creation

  • Anyone who wants to know how to create CSS Animations

  • For those who want to know about transform and transition effects

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

  • Anyone who would like to add a web portfolio work

Need to know before starting?

  • html/css basics

Hello
This is jyoung

4,947

Learners

254

Reviews

236

Answers

4.9

Rating

12

Courses

"I am J. Young, an instructor for UI/UX Web Planning, Design, and Front-end Bootcamps.

For the past 20 years, I have run a web and app development company, experiencing the intensity of the field firsthand. Based on that experience, I am currently dedicated to nurturing junior experts—from UI/UX design to front-end development—at universities and professional educational institutions, and have helped over 500 individuals enter the workforce to date.

My teaching philosophy is clear.

  1. From basics to practice, a seamless connection

  2. Compression of core skills desired by the industry

  3. Career-launching 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 even beginners who feel like coding is a world away—I will turn my 20-year journey into your shortcut. Until the day you stand proudly 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 learning, please leave a comment and
I will do my best to provide a helpful answer.

Professional Experience

- 2017~Present) UIUX & Web 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)
- UIUX Web Planning/ Design/ Front-end Bootcamp Instructor (EZEN DX Academy - Gangnam Branch)
- Specialized Design/Development Portfolio Lectures and Team Group Lectures


* YouTube channel in operation (Coding Designer)

For more seamless 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

7 lectures ∙ (1hr 59min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

32 reviews

4.9

32 reviews

  • wlenwlen081423439님의 프로필 이미지
    wlenwlen081423439

    Reviews 9

    Average Rating 5.0

    5

    14% enrolled

    It was great to be able to listen to good lectures for free. It's the best~

    • wjsduwls01011742님의 프로필 이미지
      wjsduwls01011742

      Reviews 9

      Average Rating 5.0

      5

      71% enrolled

      I'm so happy that I can take such great lectures for free! I've always been confused about how to set up layouts, so thank you! I'm also watching the lectures you upload on YouTube!! It would be great if you uploaded responsive lectures on YouTube too. Thank you~~~

      • jyoung
        Instructor

        Thank you, janey23. I'm glad that it helped you with your layout design. I'm currently preparing another course, so please continue to show interest.. Please subscribe and like the Jalnanwebdi YouTube channel. Thank you^^ Have a happy afternoon^^ J.youngdream

    • devfrog님의 프로필 이미지
      devfrog

      Reviews 27

      Average Rating 5.0

      5

      100% enrolled

      It's so great to be able to practice what I've learned!!

      • jyoung
        Instructor

        Yongsu Kwon, I am grateful that you liked the lecture. I will come back with a better lecture. Happy New Year^^ J.young Dream

    • gmdwns62971924님의 프로필 이미지
      gmdwns62971924

      Reviews 16

      Average Rating 5.0

      5

      71% enrolled

      I'm a backend developer, but I was about to start studying publishing and frontend, and you're explaining it in such detail. Thank you.

      • jyoung
        Instructor

        Thank you, gmdwns6297, for the high praise. I'm glad it was helpful for your publishing. I'll continue to create great lectures. Thank you. J. Young Dream

    • hihihj07017384님의 프로필 이미지
      hihihj07017384

      Reviews 8

      Average Rating 5.0

      5

      100% enrolled

      Thank you for uploading the lecture for free!!! I had some difficulties studying on my ownㅜㅜ I got the feel of it as I followed along while listening to the lecture, and I was at a loss when I looked it up on my own, but I am so grateful that I can learn in such detail...!!!!>< I will finish the other lectures and properly study coding on my own

      • jyoung
        Instructor

        headong2 It's really great that you're studying on your own. I'll actively help you so that you can study more smoothly than when you were studying on your own. Please pay a lot of attention to Jalnanwebdi. 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!