Inflearn brand logo image
Inflearn brand logo image

N

Inflearn brand logo image
Programming

/

Web Development

Tạo trang web bán vé xem phim: Lập trình

Nếu bạn đã theo dõi các bài giảng về tiêu chuẩn web và cách tạo trang web đáp ứng, thì giờ là lúc thực hành thực tế! Chúng ta sẽ tìm hiểu cách tạo một trang web đặt trước phim bằng cách chia nó thành phần thiết kế và phần mã hóa.

(4.9) 11 đánh giá

1,524 học viên

  • webs
example
Responsive Web
Thumbnail

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

  • Thiết kế một trang web bằng Photoshop

  • Tạo một trang web đáp ứng

  • Tạo slide hình ảnh bằng plugin

  • Nhập API và hiển thị video

  • Triển khai các chức năng bằng JavaScript

Trang web đặt vé xem phim
Tích tắc tích tắc bằng chính đôi tay của mình ⚒️🔧

Bài giảng dành cho những người muốn trở thành nhà xuất bản web ✏️

Bạn đã đi được đến đây rồi, và bạn là một nhà xuất bản đầy triển vọng đang phát triển nhanh chóng! Hãy tham gia buổi thuyết trình này cùng chúng tôi nhé. 💪

Khóa học này được chia thành hai phần: thiết kế và lập trình cho một trang web đặt vé xem phim. Chúng ta sẽ tạo một trang web dựa trên phiên bản cũ hơn của trang web Megabox. Khóa học này được xây dựng dựa trên thiết kế trang web mà chúng ta đã học trong bài giảng trước và chuyển sang hướng dẫn xuất bản hoàn chỉnh. Khi làm theo từng bước, bạn sẽ nắm được cách xây dựng một trang web.

Tôi khuyên bạn nên tham gia khóa học này sau khi học "Xây dựng trang web theo tiêu chuẩn" và " Xây dựng trang web đáp ứng ". Khóa học này sẽ giúp bạn xây dựng nền tảng vững chắc và hiểu nhanh hơn về các tiêu chuẩn web và thiết kế đáp ứng.

Tiến về đích thôi! Tôi sẽ cổ vũ cho sự nỗ lực của bạn.🧚🏻‍♀️

📢 Tài liệu tham khảo để đăng ký lớp học

Lộ trình Dream Tree của Nhà xuất bản Web 🌲

*Nhấp vào từng hình ảnh để tới trang bài giảng tương ứng.

1. [Thực hành xuất bản web] Tạo một trang web chuẩn

Khóa học này sẽ giúp bạn biết cách tạo một trang web.

2. [Thực hành xuất bản web] Tạo trang web đáp ứng

Chúng tôi tạo ra trang web đáp ứng có thể tự do thay đổi kích thước màn hình theo môi trường web.

3. Tạo trang web đặt vé xem phim: Thiết kế

Giờ là lúc thực sự bắt tay vào việc! Đây là phần đầu tiên của việc tạo một trang web đặt vé xem phim: thiết kế.

4. Tạo trang web bán vé xem phim: Lập trình ( Khóa học hiện tại)

Giờ là lúc thực hiện việc thực tế! Phần 2 của việc xây dựng trang web đặt vé xem phim: lập trình.

Câu hỏi dự kiến Hỏi & Đáp 💬

H. Đây có phải là khóa học mà sinh viên không chuyên ngành cũng có thể tham gia không?

Có! Khóa học này bao gồm những kiến thức cơ bản, vì vậy ngay cả người mới bắt đầu cũng có thể dễ dàng theo dõi. ^^

H. Tôi có cần chuẩn bị gì trước khi tham dự buổi thuyết trình không?

Tất cả những gì bạn cần làm là chuẩn bị niềm đam mê của mình.^^

H. Nội dung bài học được trình bày ở mức độ nào?

Nếu bạn chỉ cần sử dụng HTML và CSS để tạo một bố cục đơn giản, bạn có thể làm theo. ^^

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Những người muốn tạo một trang web từng bước từ đầu

  • Những người muốn tạo bố cục đáp ứng từ lưới, đầu trang, chân trang và biểu ngữ

  • Bất kỳ ai muốn học cách viết mã bằng cách sao chép một trang web thực tế

  • Những người muốn làm việc như một nhà xuất bản web

Cần biết trước khi bắt đầu?

  • Tạo một trang web tiêu chuẩn (tùy chọn)

  • Tạo một trang web đáp ứng (tùy chọn)

  • Tạo trang web bán vé xem phim: Thiết kế (Tùy chọn)

Xin chào
Đây là

7,298

Học viên

95

Đánh giá

1

Trả lời

4.9

Xếp hạng

4

Các khóa học

안녕하세요! 🧑🏻‍💻

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

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

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

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

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

Chương trình giảng dạy

Tất cả

23 bài giảng ∙ (12giờ 22phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

11 đánh giá

4.9

11 đánh giá

  • Jang Jaehoon님의 프로필 이미지
    Jang Jaehoon

    Đánh giá 498

    ∙

    Đánh giá trung bình 4.8

    5

    13% đã tham gia

    감사합니다!

    • Leo님의 프로필 이미지
      Leo

      Đánh giá 24

      ∙

      Đánh giá trung bình 4.5

      4

      61% đã tham gia

      사이트 작업을 경험해 보는 좋은 시간이였습니다. 감사합니다.

      • 초록님의 프로필 이미지
        초록

        Đánh giá 6

        ∙

        Đánh giá trung bình 5.0

        5

        30% đã tham gia

        정말 꼼꼼하게 알려주셔서 잘 따라서 배울 수 있었습니다. 웹표준사이트만들기, 반응형 웹 사이트 강의 다 듣고 지금 강의도 듣고 있는데요 너무 만족스럽습니다 감사합니다!!!

        • 갤럭시유저01님의 프로필 이미지
          갤럭시유저01

          Đánh giá 4

          ∙

          Đánh giá trung bình 5.0

          5

          100% đã tham gia

          모르는거 알게되었습니다

          • Eun님의 프로필 이미지
            Eun

            Đánh giá 82

            ∙

            Đánh giá trung bình 5.0

            5

            9% đã tham gia

            퍼블리싱에 가까운 내용이네요. 좋은 강의 감사합니다

            Miễn phí

            Khóa học khác của webs

            Hãy khám phá các khóa học khác của giảng viên!

            영화 예매 사이트 만들기: 디자인편講義サムネイル

            영화 예매 사이트 만들기: 디자인편

            webstoryboy

            웹 표준과 반응형 사이트 만들기 강의를 잘 따라왔다면 이제는 실전 연습 차례! 영화 예매 사이트 제작을 디자인편과 코딩편으로 나누어 학습합니다.

            初級

            初級

            Photoshop, 반응형 웹

            영화 예매 사이트 만들기: 디자인편講義サムネイル

            영화 예매 사이트 만들기: 디자인편

            webstoryboy

            [웹 퍼블리싱 실습] 반응형 사이트 만들기講義サムネイル

            [웹 퍼블리싱 실습] 반응형 사이트 만들기

            webstoryboy

            모바일, 태블릿, 웹 환경에 따라 자유자재로 스크린 사이즈를 변경하는 반응형 웹을 제작해봅시다.

            初級

            初級

            반응형 웹

            [웹 퍼블리싱 실습] 반응형 사이트 만들기講義サムネイル

            [웹 퍼블리싱 실습] 반응형 사이트 만들기

            webstoryboy

            [웹 퍼블리싱 실습] 웹 표준 사이트 만들기講義サムネイル

            [웹 퍼블리싱 실습] 웹 표준 사이트 만들기

            webstoryboy

            이왕 만들거면 제대로 만들자! 공식 웹 표준을 지키며 만드는 퍼블리싱 강의입니다🧑🏻‍💻

            入門

            入門

            HTML/CSS

            [웹 퍼블리싱 실습] 웹 표준 사이트 만들기講義サムネイル

            [웹 퍼블리싱 실습] 웹 표준 사이트 만들기

            webstoryboy

            Khóa học tương tự

            Khám phá các khóa học khác trong cùng lĩnh vực!

            영화 예매 사이트 만들기: 디자인편講義サムネイル

            영화 예매 사이트 만들기: 디자인편

            webstoryboy

            웹 표준과 반응형 사이트 만들기 강의를 잘 따라왔다면 이제는 실전 연습 차례! 영화 예매 사이트 제작을 디자인편과 코딩편으로 나누어 학습합니다.

            初級

            初級

            Photoshop, 반응형 웹

            영화 예매 사이트 만들기: 디자인편講義サムネイル

            영화 예매 사이트 만들기: 디자인편

            webstoryboy

            부트스트랩(BOOTSTRAP)3을 활용한 반응형 웹페이지 만들기講義サムネイル

            부트스트랩(BOOTSTRAP)3을 활용한 반응형 웹페이지 만들기

            유용한IT학습

            디바이스 장치에 따라 레이아웃이 바뀌는 반응형 웹페이지를 만들기 위해 부트스트랩을 활용하는 방법에 대한 강의입니다.

            初級

            初級

            Bootstrap, 반응형 웹

            부트스트랩(BOOTSTRAP)3을 활용한 반응형 웹페이지 만들기講義サムネイル

            부트스트랩(BOOTSTRAP)3을 활용한 반응형 웹페이지 만들기

            유용한IT학습

            부트스트랩을 활용한 반응형 웹제작[기본 개념편] 부트캠프講義サムネイル

            부트스트랩을 활용한 반응형 웹제작[기본 개념편] 부트캠프

            영코디 킴쌤

            디바이스 장치에 따라 레이아웃이 바뀌는 반응형 웹페이지를 만들기 위해 부트스트랩을 활용하는 방법에 대한 강의[개정판] 입니다.

            初級

            初級

            Bootstrap, 반응형 웹, 웹 디자인

            부트스트랩을 활용한 반응형 웹제작[기본 개념편] 부트캠프講義サムネイル

            부트스트랩을 활용한 반응형 웹제작[기본 개념편] 부트캠프

            영코디 킴쌤

            [웹 퍼블리싱 실습] 반응형 사이트 만들기講義サムネイル

            [웹 퍼블리싱 실습] 반응형 사이트 만들기

            webstoryboy

            모바일, 태블릿, 웹 환경에 따라 자유자재로 스크린 사이즈를 변경하는 반응형 웹을 제작해봅시다.

            初級

            初級

            반응형 웹

            [웹 퍼블리싱 실습] 반응형 사이트 만들기講義サムネイル

            [웹 퍼블리싱 실습] 반응형 사이트 만들기

            webstoryboy

            TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!講義サムネイル

            TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!

            짐코딩

            한 강의로 끝내는 TailwindCSS 입문부터 실전까지! 두 개의 프로젝트와 함께 레이아웃 구성부터 반응형 디자인! 다크모드! 까지 완벽하게 배워보세요.

            初級

            初級

            HTML/CSS, TailwindCSS, JavaScript

            TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!講義サムネイル

            TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!

            짐코딩

            UIUX 포트폴리오 Part.3 - 반응형 웹 포트폴리오講義サムネイル

            UIUX 포트폴리오 Part.3 - 반응형 웹 포트폴리오

            LIZ.B

            기획-디자인-구현 프로세스의 세번째 과정 - 반응형 웹 포트폴리오 템플릿 제작

            初級

            初級

            반응형 웹, JavaScript, jQuery

            UIUX 포트폴리오 Part.3 - 반응형 웹 포트폴리오講義サムネイル

            UIUX 포트폴리오 Part.3 - 반응형 웹 포트폴리오

            LIZ.B

            부트스트랩을 활용한 반응형 웹제작 [실전편] 부트캠프講義サムネイル

            부트스트랩을 활용한 반응형 웹제작 [실전편] 부트캠프

            영코디 킴쌤

            부트스트랩(BOOTSTRAP)을 활용한 반응형 웹페이지 만들기[2024년 개정판] 수업의 실전 제작수업으로 디바이스 장치에 따라 레이아웃이 바뀌는 반응형 웹 실무 페이지를 부트스트랩4를 활용하여 직접 제작해 봅니다.

            初級

            初級

            Bootstrap, 반응형 웹, 웹 디자인

            부트스트랩을 활용한 반응형 웹제작 [실전편] 부트캠프講義サムネイル

            부트스트랩을 활용한 반응형 웹제작 [실전편] 부트캠프

            영코디 킴쌤

            Tailwind CSS로 만드는 멋진 웹 UI 스타일링講義サムネイル

            Tailwind CSS로 만드는 멋진 웹 UI 스타일링

            코딩웍스(Coding Works)

            [Tailwind CSS로 만드는 멋진 웹 UI 스타일링] 강의는 현재 가장 핫한 프레임워크인 Tailwind CSS v3.4.1을 이론부터 실전 반응형 웹사이트까지 19시간 충실하게 다루고 있습니다. 수업 시간이 길다고 좋은 강의는 아닙니다. 하지만 해당 강의는 시간도 긴 좋은 강의라고 자부합니다. 특히, Tailwind CSS 모든 이론을 8시간 30분 동안 상세하게 다루기 때문에 CSS 이론이 부족한 사람에게 CSS 이론을 충실히 학습할 수 있습니다. 해당 강의는 개발자와 퍼블리셔가 만드는 Tailwind CSS 스타일링을 중심으로 제작되었습니다.

            初級

            初級

            TailwindCSS, 반응형 웹, HTML/CSS

            Tailwind CSS로 만드는 멋진 웹 UI 스타일링講義サムネイル

            Tailwind CSS로 만드는 멋진 웹 UI 스타일링

            코딩웍스(Coding Works)

            기초부터 실무까지 제대로 배우는 피그마 UI 디자인 클래스講義サムネイル

            기초부터 실무까지 제대로 배우는 피그마 UI 디자인 클래스

            볼드 UX

            기초부터 실무까지, 피그마 하나로 끝내는 UI 디자인 올인원 클래스! 오토레이아웃·컴포넌트 핵심 기능부터 반응형 디자인, 효율적 핸드오프, 협업까지 실무 스킬을 완벽 마스터합니다. 지금 시작해서 당신의 디자인 역량을 한 단계 업그레이드하세요!

            入門

            入門

            웹 디자인, 프로토타이핑, Figma

            기초부터 실무까지 제대로 배우는 피그마 UI 디자인 클래스講義サムネイル

            기초부터 실무까지 제대로 배우는 피그마 UI 디자인 클래스

            볼드 UX