コーディングから配布まで!初心者でも使える独自のメッセンジャーサイトを作成

入門
チャプター 7つ · 5時間 29分
日本語 · 英語 · 韓国語|オーディオ 韓国語

クラスを受講した方の声

こんなことを学びます

HTML と CSS の基礎

Web 開発に欠かせない HTML と CSS の基本概念を簡単に説明します。

メッセンジャー Web ページの作成

ログイン、チャットルーム、友達、チャットリストなど、メッセンジャーの重要な機能を作成します。

配布してサイトについての情報を広めましょう

見るには多すぎる自分のサイトを、たくさんの人に見てもらうために配信します。

💻 自分の手で自分のウェブサイトを作成できたらどうでしょうか?


Webサイトの作成と開発者だけの領域と思われるかもしれませんが、誰でも簡単に始めることができます。Web開発の最も重要な部分であるHTMLと、ドキュメントをより美しくすることができるCSSを学んで、独自のWebサイトを作成してください。


Webサイトの作成方法を知っていれば、

  1. 自分の日常を記録するブログを作成できます。
  2. 友達と会話できるメッセンジャーを作成できます。
  3. 商品を販売できるショッピングモールを作ることができます。


🔍 何を学びますか?


私たちが毎日使っているメッセンジャーアプリケーション! 有名なアプリケーションKA*OTOKを「クローン」して、独自のメッセンジャーWebページを作成しますやってみるよ。


クロンコーディングとは

クローニングとは、Kaka*KaoTalk、Facebook、In*Tagramなどの実際のサービスをコピーしてフォローすることです。 これは、コーディングの経験をすばやく習得し、理解を深めるために最適化されたプログラミング学習方法です。 基本的な理論や概念を直接使って結果を実装した経験は、スキルのレベルアップに非常に役立ちます。



ステップ 1 ️ ウェブサイトを構成する基本的な HTML 要素と CSS 要素を調べる

ウェブサイト創造するためには知っておかなければならないコンセプトです HTML と CSS の各コアを整理して、しっかりとした基盤を築きましょう。 HTML/CSS をまったく知らなくても心配はいりません。Yunocodingが提供している無料のクラスで、コーディングを試したことがない人でも簡単に理解できるようになっています。

※ 無料講座に関する情報は、ページ下部に掲載します。



2 ️ ステップ。メッセンジャーのコア要素と機能の実装

  • メッセンジャーに入るための最も重要な要素を自分の手で作成します。1)ログイン画面、2)チャット/友達リスト、3)チャット画面を自分の手で作成します。
  • HTML と CSS を学んだけれども、使い方がわからない場合は、各ウェブページが自分の手で作成されるのを見ることで、今後のステップを思い描くことができます。


1) ログイン画面


2) チャットと友達リスト


3) チャットウィンドウ


ステップ 3 ️ 情報を広めるためにウェブサイトを配信する

残念なことに、よくできたページを持っているのは私だけです!たくさんの人に自分のページを見てもらえるように、言葉を広める段階を「配布」するようにします。無料のホスティング会社を利用して、自分のサイトをインターネットに登録しましょう。



여러분이 얻어갈 수 있는 것

▶ 入手できるもの


이 클래스를 꼭 들어야 하는 이유

▶ このクラスを受講すべき理由


이런 분들에게 추천합니다

▶ こんな人におすすめ


초보자 맞춤형 설명 ( 고등학생 대상으로 진행된 강의 사진)

▶ 初心者向けの説明(高校生向けの講義の写真)



반드시 확인해주세요!

▶ ぜひチェックしてみてくださいね!

  • この授業はMacBookを使って行われ、撮影されます。ただし、Windowsを使用していても、コースは十分に受講できます。

カリキュラム

クリエイター紹介

You know? コーディング

You know? コーディング

こんにちは、私はクリエイターのユノコーディングです!


  • 都道府県) フリーランスのソフトウェア講師(アカデミー、アフタースクール、ビデオ講義など)
  • 都道府県) ユノコーディング代表取締役
  • 前) 株式会社プラトン/ セントロール株式会社 / アイオクロップス株式会社 ソフトウェアデベロッパー
  • 前) ビンズドローア代表取締役


学習過程で経験した不必要な痛みがなくなることを願い、信じています。

経験した人の本物と経験を共有することで、痛みを軽減できます。

そんな気持ちを授業内容のすべてに感じていただけるように頑張ります。

私たちは常に、多くの人がコーディングを楽しみ、理解しやすくなるように努めています。


ありがとうございます ^^

このクラスに似ているおすすめクラス

ウェブ開発の基礎から React を使った制作まで:: To-Do、メモアプリを作るWeb · フロントエンド  |  kidevelop

著作権ガイドライン

  • クラスに含まれるすべての映像と資料は著作権法など関連法令により保護される知的財産です。
  • クラスに含まれるすべての映像や資料は、無断複製、公衆送信、展示、配布などの方法で使用することはできません。違反の際、関連法令により刑事上、民事上の責任を負うことがあります。

    クラスに含まれるすべての映像と資料は著作権法など関連法令により保護されている知的財産です。
  • 著作権者の許可無く、クラスに含まれるすべての映像や資料を、無断複製、公衆送信、展示、配布などの方法で使用することはできません。違反の際、関連法令により刑事上、民事上の責任を負うことがあります。
CLASS101JAPAN株式会社
japan@101.inc