inflearn logo
강의

Course

Instructor
inflearn logo
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) 14 reviews

1,581 learners

Level Basic

Course period Unlimited

Responsive Web
Responsive Web
Responsive Web
Responsive Web
Thumbnail

Reviews from Early Learners

4.9

5.0

jusaustk

30% enrolled

Thank you so much for lecturing in a way that helps me understand coding structurally!

5.0

Jang Jaehoon

13% enrolled

Thank you!

5.0

초록

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!!!

What you will gain after the course

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

7,590

Learners

116

Reviews

1

Answers

4.9

Rating

4

Courses

Hello! 🧑🏻‍💻

I have a great interest in the web, and I am currently teaching
Web Storyboy.

On the YouTube channel Webstoryboy,
I create various lectures.

If you don't give up and follow along with me one by one until the last lecture,
you will be one step closer to becoming a web publisher. You must try it yourself to improve your skills.

If you give up because it's difficult, wrong, or you don't understand, it will be hard when you try to build other sites too, right?
If something goes wrong or doesn't work while following along, compare your code with my lecture source

and try to find where the mistake is yourself. That will also be a great way to learn 🧚🏻‍♀️
I’m rooting for your hard work again today. Good luck!

More

Curriculum

All

23 lectures ∙ (12hr 22min)

Published: 
Last updated: 

Reviews

All

14 reviews

4.9

14 reviews

  • wavyroom님의 프로필 이미지
    wavyroom

    Reviews 105

    ∙

    Average Rating 5.0

    5

    9% enrolled

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

    • jusaustk1063님의 프로필 이미지
      jusaustk1063

      Reviews 14

      ∙

      Average Rating 5.0

      5

      30% enrolled

      Thank you so much for lecturing in a way that helps me understand coding structurally!

      • jjhgwx님의 프로필 이미지
        jjhgwx

        Reviews 1,199

        ∙

        Average Rating 4.9

        5

        13% enrolled

        Thank you!

        • stjma0028444 [DEL] 260317151815님의 프로필 이미지
          stjma0028444 [DEL] 260317151815

          Reviews 4

          ∙

          Average Rating 5.0

          5

          100% enrolled

          I learned something I didn't know

          • hamto0net님의 프로필 이미지
            hamto0net

            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!!!

            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

            Free

            Basic / Photoshop, Responsive Web

            4.8

            (10)

            1,100+

            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

            Free

            Basic / Photoshop, Responsive Web

            4.8

            (10)

            1,100+
            [Web Publishing Practice] Creating a Responsive SiteCourse Thumbnail

            [Web Publishing Practice] Creating a Responsive Site

            webstoryboy

            Free

            Basic / Responsive Web

            4.9

            (33)

            2,100+

            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

            Free

            Basic / Responsive Web

            4.9

            (33)

            2,100+
            [Web Publishing Practice] Creating a Web Standard SiteCourse Thumbnail

            [Web Publishing Practice] Creating a Web Standard Site

            webstoryboy

            Free

            Beginner / HTML/CSS

            4.9

            (59)

            2,700+

            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

            Free

            Beginner / HTML/CSS

            4.9

            (59)

            2,700+

            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

            Free

            Basic / Photoshop, Responsive Web

            4.8

            (10)

            1,100+

            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

            Free

            Basic / Photoshop, Responsive Web

            4.8

            (10)

            1,100+
            Creating a responsive web page using BOOTSTRAP 3Course Thumbnail

            Creating a responsive web page using BOOTSTRAP 3

            usefulit

            $30.80

            Basic / Bootstrap, Responsive Web

            4.9

            (83)

            99,900+

            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

            $30.80

            Basic / Bootstrap, Responsive Web

            4.9

            (83)

            99,900+
            XD UI Design + Clone Coding Interactive Responsive Web Portfolio!Course Thumbnail

            XD UI Design + Clone Coding Interactive Responsive Web Portfolio!

            lizb

            $41.80

            Basic / Responsive Web, Interactive Web, XD

            4.7

            (6)

            100+

            Let's do it in practice! Responsive web portfolio that responds to scroll #JeilEngineering

            Basic

            Basic

            Responsive Web, Interactive Web, XD

            XD UI Design + Clone Coding Interactive Responsive Web Portfolio!Course Thumbnail

            XD UI Design + Clone Coding Interactive Responsive Web Portfolio!

            lizb

            $41.80

            Basic / Responsive Web, Interactive Web, XD

            4.7

            (6)

            100+
            Master TailwindCSS: From Portfolio to Admin!Course Thumbnail

            Master TailwindCSS: From Portfolio to Admin!

            gymcoding

            $34.10

            Basic / HTML/CSS, TailwindCSS, JavaScript, Responsive Web

            4.9

            (62)

            500+
            Active Replies
            Active Replies

            Learn TailwindCSS from the basics to practical use in one class! Learn everything from layout composition to responsive design and dark mode with two projects!

            Basic

            Basic

            HTML/CSS, TailwindCSS, JavaScript

            Master TailwindCSS: From Portfolio to Admin!Course Thumbnail

            Master TailwindCSS: From Portfolio to Admin!

            gymcoding

            $34.10

            Basic / HTML/CSS, TailwindCSS, JavaScript, Responsive Web

            4.9

            (62)

            500+
            Active Replies
            Active Replies
            Practical Web Publishing - Build a Responsive Website from a Figma DesignCourse Thumbnail

            Practical Web Publishing - Build a Responsive Website from a Figma Design

            ezweb

            $51.70

            Basic / jQuery, Figma, publishment, Responsive Web, css

            4.3

            (3)

            If you’ve learned the basics of HTML/CSS/JavaScript, it’s time to bring them together into a complete website. Analyze a Figma design, implement it with HTML/CSS, then add JavaScript (jQuery) interactions, make it responsive, and deploy it—experiencing the full process of professional web publishing.

            Basic

            Basic

            jQuery, Figma, publishment

            Practical Web Publishing - Build a Responsive Website from a Figma DesignCourse Thumbnail

            Practical Web Publishing - Build a Responsive Website from a Figma Design

            ezweb

            $51.70

            Basic / jQuery, Figma, publishment, Responsive Web, css

            4.3

            (3)

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

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

            youngcodikimssam

            $30.80

            25%

            $23.10

            Basic / HTML/CSS, Responsive Web, Interactive Web

            5.0

            (4)

            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

            $30.80

            25%

            $23.10

            Basic / HTML/CSS, Responsive Web, Interactive Web

            5.0

            (4)

            Learn HTML + CSS for 10,000 wonCourse Thumbnail

            Learn HTML + CSS for 10,000 won

            potatosam

            $7.70

            Beginner / HTML/CSS, html5, css3, css-flexbox, Responsive Web

            5.0

            (2)

            Are we truly utilizing HTML and CSS to their full potential? Before getting trapped in complex frameworks and JavaScript logic, we will directly implement everything from Whac-A-Mole to escape room games using only markup and styling—the essence of the web. Experience the power of 'fundamentals that aren't swayed by tools,' taught by an active developer with 4 years of experience.

            Beginner

            Beginner

            HTML/CSS, html5, css3

            Learn HTML + CSS for 10,000 wonCourse Thumbnail

            Learn HTML + CSS for 10,000 won

            potatosam

            $7.70

            Beginner / HTML/CSS, html5, css3, css-flexbox, Responsive Web

            5.0

            (2)

            A Figma UI Design Class to Properly Learn from Basics to Practical ApplicationCourse Thumbnail

            A Figma UI Design Class to Properly Learn from Basics to Practical Application

            bolduxlab

            $61.60

            Beginner / Web Design, Prototyping, Figma, Responsive Web, product design

            4.9

            (32)

            300+
            Active Replies
            Active Replies
            Mission
            Mission

            From basics to practical application, an all-in-one UI design class mastering everything with Figma! Master essential features like Auto Layout and Components, along with responsive design, efficient handoff, and collaboration skills for real-world work. Start now and upgrade your design capabilities to the next level!

            Beginner

            Beginner

            Web Design, Prototyping, Figma

            A Figma UI Design Class to Properly Learn from Basics to Practical ApplicationCourse Thumbnail

            A Figma UI Design Class to Properly Learn from Basics to Practical Application

            bolduxlab

            $61.60

            Beginner / Web Design, Prototyping, Figma, Responsive Web, product design

            4.9

            (32)

            300+
            Active Replies
            Active Replies
            Mission
            Mission
            Responsive Web Development with Bootstrap [Practical] BootcampCourse Thumbnail

            Responsive Web Development with Bootstrap [Practical] Bootcamp

            youngcodikimssam

            $30.80

            25%

            $23.10

            Basic / Bootstrap, Responsive Web, Web Design, HTML/CSS

            5.0

            (4)

            Creating a responsive webpage using Bootstrap (BOOTSTRAP) [2024 Revised Edition]: As a practical production class, we will directly create a responsive web page for practical use with a layout that changes depending on the device, using Bootstrap 4.

            Basic

            Basic

            Bootstrap, Responsive Web, Web Design

            Responsive Web Development with Bootstrap [Practical] BootcampCourse Thumbnail

            Responsive Web Development with Bootstrap [Practical] Bootcamp

            youngcodikimssam

            $30.80

            25%

            $23.10

            Basic / Bootstrap, Responsive Web, Web Design, HTML/CSS

            5.0

            (4)

            Free