강의

N
챌린지

멘토링

로드맵

Inflearn brand logo image
Programming

/

Web Development

Creating a movie ticket reservation site: Coding

If you have followed the web standards and responsive site creation lectures well, it is now time for practical training! We will learn about creating a movie ticket reservation site divided into design and coding parts.

(4.9) 11 reviews

1,529 learners

  • webstoryboy
example
Responsive Web
Thumbnail

Reviews from Early Learners

What you will learn!

  • Designing a site using Photoshop

  • Create a responsive website

  • Create image slides using plugins

  • Get the API and display the video

  • Implementing functions with JavaScript

Movie ticket reservation site
Tick tock tick tock with my own hands ⚒️🔧

Lectures for aspiring web publishers ✏️

You've come this far, and you're a promising publisher growing fast! Join us for this lecture. 💪

This course is divided into two parts: design and coding for a movie ticket reservation website. We'll create one based on an older version of Megabox's website. This course builds on the website design we learned in the previous lecture and moves on to full-scale publishing. As you follow along step by step, you'll get a feel for how to build a website.

I recommend taking this course after taking "Building Web Standards Sites" and " Building Responsive Sites . " This will help you build a solid foundation and gain a quicker understanding of web standards and responsive design.

Towards the finish line! I'll be rooting for your hard work.🧚🏻‍♀️

📢 Reference materials for class registration

Web Publisher Dream Tree Roadmap 🌲

*Click on each image to go to the corresponding lecture page.

1. [Web Publishing Practice] Creating a Web Standard Site

This course will give you a feel for how to create a website.

2. [Web Publishing Practice] Creating a Responsive Site

We create responsive web that freely changes screen size according to the web environment.

3. Creating a Movie Ticket Reservation Site: Design

Now it's time for the real thing! Here's the first part of creating a movie ticket reservation website: design.

4. Creating a Movie Ticket Website: Coding ( Current Course)

Now it's time for the real thing! Part 2 of building a movie ticket reservation website: coding.

Expected Questions Q&A 💬

Q. Is this a course that non-majors can also take?

Yes! This course covers the basics, so even beginners can easily follow along. ^^

Q. Is there anything I need to prepare before attending the lecture?

All you need to do is prepare your passion.^^

Q. What level of content is covered in the class?

If you can just use HTML and CSS to create a simple layout, you can follow along. ^^

Recommended for
these people

Who is this course right for?

  • Anyone who wants to create a website from scratch, step by step

  • Anyone who wants to create a variety of layouts including grids, headers, footers, and banners in a responsive manner

  • For those who want to learn coding skills by following an actual site

  • Anyone interested in a web publisher position

Need to know before starting?

  • Create a web standards site (optional)

  • Create a responsive website (optional)

  • Creating a Movie Ticket Booking Site: Design (Optional)

Hello
This is

7,321

Learners

96

Reviews

1

Answers

4.9

Rating

4

Courses

안녕하세요! 🧑🏻‍💻

웹에 관심이 많고, 강의를 하고있는 
웹 스토리보이입니다.

유튜브 채널 Webstoryboy에서 
여러가지 강의를 제작합니다.

포기하지 않고 마지막 강의 까지 저와 함께 하나 하나씩 잘 따라와주면
웹 퍼블리셔에 한 발짝 더 다가가실 수 있을 거예요. 꼭 직접 해보셔야 실력이 늘 것입니다.

어렵거나 틀려서 잘 안 된다고, 모르겠다고 포기하시면 다른 사이트 만들 때도 힘이 들겠죠?
따라하시다가 틀리거나 안 되는게 있으시면 본인이 코딩한 것과 제 강의 소스를 비교하시면서

스스로 어디가 틀렸는지 찾아보세요. 그것 또한 공부가 될 거랍니다 🧚🏻‍♀️
오늘도 여러분의 열공을 응원하며, 화이팅입니다!

Curriculum

All

23 lectures ∙ (12hr 22min)

Published: 
Last updated: 

Reviews

All

11 reviews

4.9

11 reviews

  • jjhgwx님의 프로필 이미지
    jjhgwx

    Reviews 525

    ∙

    Average Rating 4.8

    5

    13% enrolled

    Thank you!

    • camorra0421님의 프로필 이미지
      camorra0421

      Reviews 24

      ∙

      Average Rating 4.5

      4

      61% enrolled

      It was a great experience working on the site. Thank you.

      • chfhdvlcl3404님의 프로필 이미지
        chfhdvlcl3404

        Reviews 6

        ∙

        Average Rating 5.0

        5

        30% enrolled

        I was able to learn well by following the instructions carefully. I have completed the lectures on creating web standard websites and responsive websites, and I am currently taking the lecture. I am very satisfied. Thank you!!!

        • stjma0028444님의 프로필 이미지
          stjma0028444

          Reviews 4

          ∙

          Average Rating 5.0

          5

          100% enrolled

          I learned something I didn't know

          • drylife08194107님의 프로필 이미지
            drylife08194107

            Reviews 82

            ∙

            Average Rating 5.0

            5

            9% enrolled

            This is close to publishing. Thank you for the great lecture.

            Free

            webstoryboy's other courses

            Check out other courses by the instructor!

            Creating a Movie Ticket Booking Site: DesignCourse Thumbnail

            Creating a Movie Ticket Booking Site: Design

            webstoryboy

            If you have followed the web standards and responsive site creation lectures well, it is now time for practical training! We will learn about creating a movie ticket reservation site divided into design and coding parts.

            Basic

            Basic

            Photoshop, Responsive Web

            Creating a Movie Ticket Booking Site: DesignCourse Thumbnail

            Creating a Movie Ticket Booking Site: Design

            webstoryboy

            [Web Publishing Practice] Creating a Responsive SiteCourse Thumbnail

            [Web Publishing Practice] Creating a Responsive Site

            webstoryboy

            Let's create a responsive web that freely changes the screen size according to the mobile, tablet, and web environment.

            Basic

            Basic

            Responsive Web

            [Web Publishing Practice] Creating a Responsive SiteCourse Thumbnail

            [Web Publishing Practice] Creating a Responsive Site

            webstoryboy

            [Web Publishing Practice] Creating a Web Standard SiteCourse Thumbnail

            [Web Publishing Practice] Creating a Web Standard Site

            webstoryboy

            If you're going to do it, do it right! This is a publishing course that follows official web standards🧑🏻‍💻

            Beginner

            Beginner

            HTML/CSS

            [Web Publishing Practice] Creating a Web Standard SiteCourse Thumbnail

            [Web Publishing Practice] Creating a Web Standard Site

            webstoryboy

            Similar courses

            Explore other courses in the same field!

            Creating a Movie Ticket Booking Site: DesignCourse Thumbnail

            Creating a Movie Ticket Booking Site: Design

            webstoryboy

            If you have followed the web standards and responsive site creation lectures well, it is now time for practical training! We will learn about creating a movie ticket reservation site divided into design and coding parts.

            Basic

            Basic

            Photoshop, Responsive Web

            Creating a Movie Ticket Booking Site: DesignCourse Thumbnail

            Creating a Movie Ticket Booking Site: Design

            webstoryboy

            [Web Publishing Practice] Creating a Responsive SiteCourse Thumbnail

            [Web Publishing Practice] Creating a Responsive Site

            webstoryboy

            Let's create a responsive web that freely changes the screen size according to the mobile, tablet, and web environment.

            Basic

            Basic

            Responsive Web

            [Web Publishing Practice] Creating a Responsive SiteCourse Thumbnail

            [Web Publishing Practice] Creating a Responsive Site

            webstoryboy

            Creating a responsive web page using BOOTSTRAP 3Course Thumbnail

            Creating a responsive web page using BOOTSTRAP 3

            usefulit

            This tutorial will show you how to use Bootstrap to create responsive web pages that change layout depending on the device.

            Basic

            Basic

            Bootstrap, Responsive Web

            Creating a responsive web page using BOOTSTRAP 3Course Thumbnail

            Creating a responsive web page using BOOTSTRAP 3

            usefulit

            Hands-on Responsive Web Development with Pure HTML/CSS/JS BootcampCourse Thumbnail

            Hands-on Responsive Web Development with Pure HTML/CSS/JS Bootcamp

            youngcodikimssam

            A practical production class on creating responsive web pages that can implement various layouts for each device using only pure HTML/CSS/JS without using Bootstrap [2024 Latest Edition].

            Basic

            Basic

            HTML/CSS, Responsive Web, Interactive Web

            Hands-on Responsive Web Development with Pure HTML/CSS/JS BootcampCourse Thumbnail

            Hands-on Responsive Web Development with Pure HTML/CSS/JS Bootcamp

            youngcodikimssam

            Easy to learn and create a responsive web portfolio! #SulwhasooCourse Thumbnail

            Easy to learn and create a responsive web portfolio! #Sulwhasoo

            lizb

            Easy to make responsive web practice portfolio! #Sulwhasoo portfolio

            Basic

            Basic

            HTML/CSS, Responsive Web, Clone Coding

            Easy to learn and create a responsive web portfolio! #SulwhasooCourse Thumbnail

            Easy to learn and create a responsive web portfolio! #Sulwhasoo

            lizb

            Responsive Web Development Using Bootstrap [Basic Concepts] BootcampCourse Thumbnail

            Responsive Web Development Using Bootstrap [Basic Concepts] Bootcamp

            youngcodikimssam

            This is a revised version of a lecture on how to use Bootstrap to create responsive web pages that change layout depending on the device.

            Basic

            Basic

            Bootstrap, Responsive Web, Web Design

            Responsive Web Development Using Bootstrap [Basic Concepts] BootcampCourse Thumbnail

            Responsive Web Development Using Bootstrap [Basic Concepts] Bootcamp

            youngcodikimssam

            Real! Website Creation! Step by Step! ('Cruala Mode'_Responsive Web Creation)

            jyoung

            Real! Website Creation Step By Step! This is a process of creating the main page of Crewalamode (https://crewalamode.com/) as is. This is a process of creating and implementing the gorgeous interactive web contained in the site as is, and it teaches you the core practical know-how to easily and quickly create even complex layouts.

            Basic

            Basic

            Responsive Web, jQuery, HTML/CSS

            Real! Website Creation! Step by Step! ('Cruala Mode'_Responsive Web Creation)

            jyoung

            Awesome Web UI Styling with Tailwind CSSCourse Thumbnail

            Awesome Web UI Styling with Tailwind CSS

            codingworks

            [Creating a great web UI style with Tailwind CSS] The lecture covers the most popular framework, Tailwind CSS v3.4.1, in detail for 19 hours, from theory to practical responsive websites. A long lecture does not mean it is a good lecture. However, I am confident that this lecture is a good lecture that is also long. In particular, since all the Tailwind CSS theory is covered in detail for 8 hours and 30 minutes, people who are lacking in CSS theory can learn CSS theory thoroughly. This lecture was created with a focus on Tailwind CSS styling created by developers and publishers.

            Basic

            Basic

            TailwindCSS, Responsive Web, HTML/CSS

            Awesome Web UI Styling with Tailwind CSSCourse Thumbnail

            Awesome Web UI Styling with Tailwind CSS

            codingworks

            Learn Figma UI Design Class Properly from Basics to PracticeCourse Thumbnail

            Learn Figma UI Design Class Properly from Basics to Practice

            bolduxlab

            From basics to professional practice, the all-in-one UI design class that covers everything with Figma! Master professional skills from core features like auto layout and components to responsive design, efficient handoff, and collaboration. Start now and upgrade your design capabilities to the next level!

            Beginner

            Beginner

            Web Design, Prototyping, Figma

            Learn Figma UI Design Class Properly from Basics to PracticeCourse Thumbnail

            Learn Figma UI Design Class Properly from Basics to Practice

            bolduxlab