inflearn logo

Real! Website Creation! Step By Step! ('Full Page Site Creation')

Real! Website production Step By Step! This is a process of making the main page of Phomein (https://www.phomein.com/brand/main/main.do) as it is. This is a process of making and implementing the gorgeous interactive web contained in the site as it is, and it will teach you the practical core know-how to easily and quickly make even complex layouts^^

(3.5) 4 reviews

101 learners

Level Basic

Course period Unlimited

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

News

2 articles

  • jyoung님의 프로필 이미지

    Hello.
    I am J. Young, an instructor with 25 years of practical experience and teaching.
    Is everyone making good use of AI these days?

    I'm introducing a lecture that will be truly helpful for those who can design but always get stuck because of coding,
    or those who have tried using AI but wondered, "Is this right?"

    ────────────────────
    🎯Complete a Responsive Web Portfolio in 4 Hours with Figma MCP x AI
    ────────────────────

    This course is not just a simple tool tutorial, but covers a
    👉practical workflow that completes everything from design to development and deployment all at once..


    💎Key takeaways from this course

    Figma design methods that AI understands
    Vibe Coding to implement your designs exactly as they are
    Creating React-based interactive websites
    Real-world deployment experience with Git, GitHub, and Vercel Trải nghiệm triển khai thực tế với Git, GitHub, Vercel

    👉 You will learn “how to work with AI” itself, not just the final output.


    🚀Changes After Taking the Course

    From the design-only stage → Growing into a talent capable of development
    Work speed → Increased by 3–5x or more
    Completion of a high-quality portfolio that can be used immediately for employment or career moves có thể sử dụng ngay để xin việc hoặc chuyển việc


    🎯Highly recommended for these people

    • Designers who gave up on web creation because of coding

    • Those who want to utilize AI properly

    • Those who want to complete their portfolio quickly

    • Those who want to possess both design and development capabilities


    🔥Now is the best time

    👉Currently 30% off!
    📅Period: March 17, 2026 – March 26, 2026

    Once this period passes, the price will return to normal, so
    if you've been interested, now is the best opportunity.


    This lecture is
    not just about creating a single outcome,

    👉 This is a process of mastering the
    “AI-based production method” that you can continue to use in the future.

    Once you master it,
    your future work speed and quality will be completely transformed.


    Please take a look comfortably,
    and I'm rooting for you to level up your practical skills and productivity as a full-stack designer! ^^

    Thank you!

    You can access the lecture by visiting the address below.
    https://inf.run/QLDGi

    0
  • jyoung님의 프로필 이미지

    Hello 😊
    I am instructor J.Young.

    I am finally greeting you with a new course.


    🚀 [Figma MCP × AI: Complete a Responsive Web Portfolio in Just 4 Hours]

    This lecture is not just a simple "coding course."

    From design planning that AI understands,
    to vibe coding using AI,
    and the full-stack completion process leading to actual deployment
    .


    🎯 Core takeaways from this course

    Systematic design using Figma AutoLayout
    Responsive structure design methods
    Variable registration → Tokenization → Creating design structures that AI understands
    AI Vibe Coding through Figma MCP server integration
    How to implement your design with 1-pixel precision
    Practical process leading all the way to deployment

    It’s not simply about "AI writing the code for you."

    We will train you to identify AI errors on your own, understand structures,
    and even refactor them into optimized responsive webs.


    👩‍💻 Recommended for these people

    • 🎨 Those who want to implement their designs exactly as they are through Vibe Coding

    • 🧠 Those who want to become a full-stack designer capable of everything from design to development and deployment

    • 🔥 Those who want to properly learn even the advanced features of Figma

    • 💻 Frontend beginners who want to learn everything from HTML / CSS / JavaScript / Tailwind to React

    • Those who want to create an interactive and high-quality responsive web portfolio

    • Those who want to increase work productivity by more than 5 times using AI


    📘 Learning Method

    The entire process is systematically organized in Notion.
    From design → implementation → modification → to deployment,
    it is structured so that you can review and practice repeatedly on your own.


    In the AI era,
    it is no longer the "person who codes well," but the
    person who produces results the fastest with AI who is competitive.

    Within 4 hours,
    take your portfolio to the next level.

    I will see you in the lecture.

    Thank you.
    Sincerely, Instructor J.Young

    0

$24.20