Real! Website Creation! Step by Step! ('Lahan Hotel' Website Creation_Application Course)

This is a lecture that creates and implements the actual website main page by creating the 'Hotel Hyundai Lahan_Mokpo Branch' site. It is a practical lecture on web page creation that teaches the skills essential for the web, such as understanding HTML Markup and Layout creation, as well as Fixheader, Image Slider, MenuOpen Bar, and Scroll Animation creation, for those who have basic knowledge of HTML/CSS.

(5.0) 12 reviews

461 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

5.0

5.0

toisaj

9% enrolled

It helps!!

5.0

baby4

26% enrolled

I'm reviewing markup and it's great!

5.0

손은비

100% enrolled

I love you ㅠㅠ

What you will gain after the course

  • HTML Markup & CSS Style

  • FixHeader jQuery that changes design when scrolling

  • How to use and apply scroll event animation jQuery (scrolla.js)

  • Image slides with animation using jQuery (slick.js) and its application

  • Creating a GNB navBar that appears when the Open button is clicked

Learn how to create layouts and animations using HTML + CSS.
Have you taken the Basic Course?

Now that you understand layout and animation creation, let's move on to implementing some more active elements.
You can learn everything you need to know about jQuery, from the basics to its use in web page creation, and we'll help you create stunning, colorful web pages in a short period of time by utilizing libraries and plugins.


What can I learn?

⏰ The real deal! It's all about 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.

🚩You can acquire both work skills and core practical know-how at once through webpage lectures composed of interactive elements essential for practical work.

💻Let's learn the know-how to quickly create a gorgeous website by creating the Hotel Hyundai Lahan site Basic + Application Course together!

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


Who needs it?

  • For those who want to implement more splendor and activity than CSS Animation
  • Anyone who wants to know the basics of JavaScript and jQuery needed on the web
  • Anyone who wants to implement an active web in a short period of time for work speed and scalability
  • Anyone who wants to create a portfolio for employment as a web designer/publisher
  • Currently a graphic designer who wants to transition to a web designer/publisher

Explore the learning content


Hotel Hyundai Lahan Main (Full page)

Creating an Images Slider

Creating a Tab Menu

Pseudoselectors and hover effects

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 get a job as 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

  • Practice! Website Creation! Step by Step! ('Help' Site Creation_Basic_Course)

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

23 lectures ∙ (4hr 3min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

12 reviews

5.0

12 reviews

  • vsakurav07님의 프로필 이미지
    vsakurav07

    Reviews 66

    Average Rating 5.0

    5

    26% enrolled

    I'm reviewing markup and it's great!

    • toisaj4187님의 프로필 이미지
      toisaj4187

      Reviews 7

      Average Rating 5.0

      5

      9% enrolled

      It helps!!

      • dinabaeck2373님의 프로필 이미지
        dinabaeck2373

        Reviews 4

        Average Rating 4.8

        5

        100% enrolled

        How to make a portfolio I had no idea at all Thanks to J. Young's lecture, I made my first webpage! I finished the class today and now I'm going to take a responsive webpage class! Thank you so much! It's difficult but it seems like a really surefire way to learn while making a webpage I'm really grateful, teacher! 🧸❤️

        • jyoung
          Instructor

          sh b~ I'm so glad that it helped you create your portfolio. I hope you create a quality portfolio~~ and get a job at a good company^^ Thank you^^ J.young Dream

      • hurbaam1568님의 프로필 이미지
        hurbaam1568

        Reviews 4

        Average Rating 5.0

        5

        100% enrolled

        It helped me a lot. Thank you for the great lecture!!

        • jyoung
          Instructor

          Thank you for your class review and completion, baam. I hope my lectures are useful for portfolio production and practical work. Thank you. J.young Dream

      • sebnettour4063님의 프로필 이미지
        sebnettour4063

        Reviews 1

        Average Rating 5.0

        5

        100% enrolled

        I love you ㅠㅠ

        • jyoung
          Instructor

          Son Eun-bi ~ Wow ~~ Such a wonderful class review...~~ Thank you^^ I love you too^^ Have a good day today^^ J.young Dream

      jyoung's other courses

      Check out other courses by the instructor!

      Similar courses

      Explore other courses in the same field!