inflearn logo
inflearn logo

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

655 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.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

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

7 lectures ∙ (1hr 59min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

32 reviews

4.9

32 reviews

  • hihihj07017384님의 프로필 이미지
    hihihj07017384

    Reviews 7

    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

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

    • devfrog님의 프로필 이미지
      devfrog

      Reviews 26

      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

    • wjsduwls01011742님의 프로필 이미지
      wjsduwls01011742

      Reviews 8

      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

    • gmdwns62971924님의 프로필 이미지
      gmdwns62971924

      Reviews 13

      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

    jyoung's other courses

    Check out other courses by the instructor!

    Similar courses

    Explore other courses in the same field!

    $8.80