Inflearn brand logo image
Inflearn brand logo image

N

Inflearn brand logo image
Programming

/

Web Development

映画前売りサイトの作成：コーディング編

ウェブ標準とレスポンシブサイト作り講義によく従ってきたら今は実戦練習番！映画前売サイト制作をデザイン編とコーディング編に分けて学習します。

（4.9）受講レビュー 11件

受講生 1,523名

  • webs
example
Responsive Web
Thumbnail

学習した受講者のレビュー

こんなことが学べます

  • Photoshopを活用してサイトをデザインする

  • レスポンシブウェブサイトの作成

  • プラグインを活用して画像スライドを作成する

  • APIをインポートしてビデオを表示する

  • JavaScriptで機能を実装する

映画前売りサイト
私の手でパチパチ⚒️🔧

Webパブリッシャーの夢の木のための講義✏️

ここまで来たあなたはすごくよく育っているパブリッシャーの夢の木！今回の講義も一緒です。 💪

本講義は、映画前売りサイトをデザイン・コーディング編に分けて進める授業です。メガボックスの旧バージョンページに従って作ってみます。今回の講義は以前の講義で学んだサイトデザインをもとに本格的なパブリッシングをすることになります。 ひとつずつついてみるとサイトをどう作るべきか感が取れるんです。

「Web標準サイトの作成」と「 レスポンシブサイトの作成」の受講後に本講義を聞くことをお勧めします。 基礎を固め、Web標準とレスポンシブWebについてより速く理解するために。

頑強に向かって！皆さんの熱工を応援します。

📢受講時の参考資料のご案内

Webパブリッシャードリームロードマップ🌲

*各画像をクリックすると、その講義ページに移動します。

1. [Webパブリッシング実習] Web標準サイトの作成

サイトの作り方についての感覚を捉えることができる講義です。

2. [ウェブパブリッシング実習] レスポンシブサイトの作成

Web環境に応じて自由自在にスクリーンサイズを変更するレスポンシブWebを製作します。

3. 映画前売りサイト作り：デザイン編

今は本番だ！映画前売サイト制作第1弾、デザイン編です。

4. 映画前売りサイトの作成: コーディング編現在講義

今は本番だ！映画前売サイト制作第2弾、コーディング編です。

予想される質問 Q&A 💬

Q.非専攻者も聞ける講義ですか？

はい！基礎的な内容を扱う講義なので、初めて学ぶ方も十分に聞くことができます。

Q.講義を聞く前に準備すべきことはありますか？

あなたの情熱だけを準備してください。^^

Q.授業内容をどのレベルまで扱いますか？

HTMLとCSSを活用して簡単なレイアウトをとるほどになればついてくるレベルです。^^

こんな方に
おすすめです

学習対象は
誰でしょう？

  • ウェブサイトを最初から一つ一つフォローして作りたい方

  • グリッドやヘッダー、フッター、バナーまで様々なレイアウトを反応型で制作したい方

  • 実際にあるサイトに沿って作ってみてコーディングに対する感覚を身につけたい方

  • Webパブリッシャー職務を希望する方

前提知識、
必要でしょうか？

  • Web標準サイトの作成(オプション)

  • レスポンシブウェブサイトの作成(オプション)

  • 映画前売りサイト作り：デザイン編（選択）

こんにちは
です。

7,299

受講生

95

受講レビュー

1

回答

4.9

講座評価

4

講座

안녕하세요! 🧑🏻‍💻

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

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

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

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

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

カリキュラム

全体

23件 ∙ (12時間 22分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

11件

4.9

11件の受講レビュー

  • jjhgwx님의 프로필 이미지
    jjhgwx

    受講レビュー 495

    ∙

    平均評価 4.8

    5

    13% 受講後に作成

    Cảm ơn bạn!

    • camorra0421님의 프로필 이미지
      camorra0421

      受講レビュー 24

      ∙

      平均評価 4.5

      4

      61% 受講後に作成

      Đó là một thời gian tuyệt vời để trải nghiệm công việc tại địa điểm. Cảm ơn

      • chfhdvlcl3404님의 프로필 이미지
        chfhdvlcl3404

        受講レビュー 6

        ∙

        平均評価 5.0

        5

        30% 受講後に作成

        Tôi đã có thể học bằng cách làm theo hướng dẫn rất kỹ lưỡng. Tôi đã tham gia tất cả các bài giảng về cách tạo một trang web tiêu chuẩn web và một trang web phản hồi nhanh và hiện cũng đang tham gia bài giảng này. Tôi rất hài lòng Cảm ơn bạn!!!

        • stjma0028444님의 프로필 이미지
          stjma0028444

          受講レビュー 4

          ∙

          平均評価 5.0

          5

          100% 受講後に作成

          Tôi đã học được điều gì đó mà tôi chưa biết

          • drylife08194107님의 프로필 이미지
            drylife08194107

            受講レビュー 82

            ∙

            平均評価 5.0

            5

            9% 受講後に作成

            Đó là một cái gì đó gần với việc xuất bản. cảm ơn vì bài giảng hay

            無料

            websの他の講座

            知識共有者の他の講座を見てみましょう！

            Tạo một trang web bán vé xem phim: Thiết kế강의 썸네일

            Tạo một trang web bán vé xem phim: Thiết kế

            webs

            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.

            초급

            초급

            Photoshop, Responsive Web

            Tạo một trang web bán vé xem phim: Thiết kế강의 썸네일

            Tạo một trang web bán vé xem phim: Thiết kế

            webs

            [Thực hành xuất bản web] Tạo một trang web phản hồi강의 썸네일

            [Thực hành xuất bản web] Tạo một trang web phản hồi

            webs

            Hãy tạo một trang web đáp ứng có thể tự do thay đổi kích thước màn hình tùy thuộc vào môi trường thiết bị di động, máy tính bảng và web.

            초급

            초급

            Responsive Web

            [Thực hành xuất bản web] Tạo một trang web phản hồi강의 썸네일

            [Thực hành xuất bản web] Tạo một trang web phản hồi

            webs

            [Thực hành xuất bản web] Tạo một trang web chuẩn강의 썸네일

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

            webs

            Nếu bạn định làm được thì hãy làm cho đúng! Đây là khóa học xuất bản được tạo tuân thủ các tiêu chuẩn web chính thức🧑🏻‍💻

            입문

            입문

            HTML/CSS

            [Thực hành xuất bản web] Tạo một trang web chuẩn강의 썸네일

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

            webs

            似ている講座

            同じ分野の他の講座を見てみましょう！

            Tạo một trang web bán vé xem phim: Thiết kế강의 썸네일

            Tạo một trang web bán vé xem phim: Thiết kế

            webs

            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.

            초급

            초급

            Photoshop, Responsive Web

            Tạo một trang web bán vé xem phim: Thiết kế강의 썸네일

            Tạo một trang web bán vé xem phim: Thiết kế

            webs

            [Thực hành xuất bản web] Tạo một trang web phản hồi강의 썸네일

            [Thực hành xuất bản web] Tạo một trang web phản hồi

            webs

            Hãy tạo một trang web đáp ứng có thể tự do thay đổi kích thước màn hình tùy thuộc vào môi trường thiết bị di động, máy tính bảng và web.

            초급

            초급

            Responsive Web

            [Thực hành xuất bản web] Tạo một trang web phản hồi강의 썸네일

            [Thực hành xuất bản web] Tạo một trang web phản hồi

            webs

            Tạo trang web phản hồi bằng BOOTSTRAP3강의 썸네일

            Tạo trang web phản hồi bằng BOOTSTRAP3

            usefulit

            Đây là bài giảng về cách sử dụng Bootstrap để tạo một trang web phản hồi có bố cục thay đổi tùy theo thiết bị.

            초급

            초급

            Bootstrap, Responsive Web

            Tạo trang web phản hồi bằng BOOTSTRAP3강의 썸네일

            Tạo trang web phản hồi bằng BOOTSTRAP3

            usefulit

            Lớp học thiết kế UI Figma từ cơ bản đến thực tế - Học đúng cách từ nền tảng강의 썸네일

            Lớp học thiết kế UI Figma từ cơ bản đến thực tế - Học đúng cách từ nền tảng

            boldux

            Từ cơ bản đến thực tế, lớp học UI Design toàn diện hoàn thành mọi thứ chỉ với Figma! Từ các tính năng cốt lõi như Auto Layout·Component đến thiết kế responsive, handoff hiệu quả, và cả collaboration - bạn sẽ hoàn toàn thành thạo các kỹ năng thực tế. Hãy bắt đầu ngay bây giờ và nâng cấp năng lực thiết kế của bạn lên một tầm cao mới!

            입문

            입문

            Web Design, Prototyping, Figma

            Lớp học thiết kế UI Figma từ cơ bản đến thực tế - Học đúng cách từ nền tảng강의 썸네일

            Lớp học thiết kế UI Figma từ cơ bản đến thực tế - Học đúng cách từ nền tảng

            boldux

            Xây dựng web responsive chỉ với html/css/js thuần túy [Phần thực hành] Bootcamp강의 썸네일

            Xây dựng web responsive chỉ với html/css/js thuần túy [Phần thực hành] Bootcamp

            youngcodikimssam

            Đây là buổi học thực hành của khóa học tạo trang web responsive có thể triển khai nhiều layout khác nhau cho từng thiết bị chỉ bằng html/css/js thuần túy mà không cần sử dụng BOOTSTRAP (phiên bản mới nhất năm 2024).

            초급

            초급

            HTML/CSS, Responsive Web, Interactive Web

            Xây dựng web responsive chỉ với html/css/js thuần túy [Phần thực hành] Bootcamp강의 썸네일

            Xây dựng web responsive chỉ với html/css/js thuần túy [Phần thực hành] Bootcamp

            youngcodikimssam

            Sử dụng Bootstrap để tạo trang web phản hồi [Phần khái niệm cơ bản] Bootcamp강의 썸네일

            Sử dụng Bootstrap để tạo trang web phản hồi [Phần khái niệm cơ bản] Bootcamp

            youngcodikimssam

            Đây là bài giảng về cách sử dụng Bootstrap để tạo trang web phản hồi, tức là trang web có bố cục thay đổi tùy theo thiết bị. [Phiên bản sửa đổi]

            초급

            초급

            Bootstrap, Responsive Web, Web Design

            Sử dụng Bootstrap để tạo trang web phản hồi [Phần khái niệm cơ bản] Bootcamp강의 썸네일

            Sử dụng Bootstrap để tạo trang web phản hồi [Phần khái niệm cơ bản] Bootcamp

            youngcodikimssam

            Tailwind CSS tạo ra phong cách UI web tuyệt đẹp강의 썸네일

            Tailwind CSS tạo ra phong cách UI web tuyệt đẹp

            codingworks

            [Kiểu dáng UI web tuyệt đẹp bằng Tailwind CSS] khóa học hiện đang trình bày đầy đủ Tailwind CSS v3.4.1, một trong những framework hot nhất hiện nay, từ lý thuyết đến trang web phản hồi thực tế trong 19 giờ. Khóa học không phải là tốt chỉ vì thời lượng dài. Nhưng chúng tôi tự tin rằng khóa học này là khóa học dài nhưng vẫn tuyệt vời. Đặc biệt, khóa học trình bày chi tiết tất cả lý thuyết của Tailwind CSS trong 8 giờ 30 phút, vì vậy những người thiếu lý thuyết CSS có thể học lý thuyết CSS một cách đầy đủ. Khóa học này được thiết kế tập trung vào kiểu dáng Tailwind CSS do các nhà phát triển và nhà xuất bản tạo ra.

            초급

            초급

            TailwindCSS, Responsive Web, HTML/CSS

            Tailwind CSS tạo ra phong cách UI web tuyệt đẹp강의 썸네일

            Tailwind CSS tạo ra phong cách UI web tuyệt đẹp

            codingworks

            Web đáp ứng giúp bạn dễ dàng tìm hiểu và tạo danh mục đầu tư! #Sulwhasoo강의 썸네일

            Web đáp ứng giúp bạn dễ dàng tìm hiểu và tạo danh mục đầu tư! #Sulwhasoo

            lizb

            Danh mục thực hành web đáp ứng được thực hiện dễ dàng! Danh mục #Sulwhasoo

            초급

            초급

            HTML/CSS, Responsive Web, Clone Coding

            Web đáp ứng giúp bạn dễ dàng tìm hiểu và tạo danh mục đầu tư! #Sulwhasoo강의 썸네일

            Web đáp ứng giúp bạn dễ dàng tìm hiểu và tạo danh mục đầu tư! #Sulwhasoo

            lizb

            Hoàn toàn làm chủ TailwindCSS: Từ danh mục đầu tư đến quản trị!강의 썸네일

            Hoàn toàn làm chủ TailwindCSS: Từ danh mục đầu tư đến quản trị!

            gymcoding

            Từ giới thiệu về TailwindCSS đến đào tạo thực tế chỉ trong một bài giảng! Thiết kế đáp ứng từ bố cục bố cục cho hai dự án! Chế độ tối! Hãy học nó một cách hoàn hảo.

            초급

            초급

            HTML/CSS, TailwindCSS, JavaScript

            Hoàn toàn làm chủ TailwindCSS: Từ danh mục đầu tư đến quản trị!강의 썸네일

            Hoàn toàn làm chủ TailwindCSS: Từ danh mục đầu tư đến quản trị!

            gymcoding