Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Web Development

実用的なWebプログラミング

プログラミングは私たちが望む方向を実現する魔法です。私たちの周りのWebサービスの問題を解決し、Webプログラミングを体験してください。

  • meet6879
  • muhun
HTML/CSS
JavaScript
Thumbnail

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

こんなことが学べます

  • 私たちの周りのWebサービスのスタイルを直接変える

  • Webページのフォームとボタン入力を自動化する

  • マークアップ文書の理解とHTMLの基本概念

  • WebページスタイルをCSSで表現する方法

軽くて楽しく始めるWebプログラミング!
直接コードに触れながら、必要な知識を学びましょう。

講義の特徴💡

プログラミングに精通していない人を講義の対象とし、必要な知識を最小限にお知らせします。基本的な言語紹介や、簡単な説明をした後、途中で実習を進めながら学習者の理解度を高めたいと思いました。深刻な部分は扱いませんので参考資料の推薦を通じて自己主導的な学習をお勧めします。

なぜ学ばなければならないのか✒️

私たちの周りのWebサービスに触れる入力フィールド、ボタン、チェックボックスなど、Webページの要素にプログラミングでアクセスします。 Webサービスの不快感を感じた部分を直接コードで修正し、同様の経験を持つ人と共有することができます。

詳しく扱っていないもの❌

  • 私たちの周りのWebサービスに従う方法
  • ECMAScript 2015以降の文法について
  • 他人にダメージを与える悪意のあるスクリプトの書き方

セクション別紹介📖

オリエンテーション

教育紹介、ウェブの背景について

Webサービスのスタイルを変更する

HTMLとCSSを学んでWebサービスの問題を解決したり、自分の好みに合わせてサービスを飾ってみてください。
CSSセレクタについて詳しく知ると、かわいい猫の壁紙を背景に表示できます:D

▲背景写真ソース:Florian Olivo

JavaScriptでWebサービスを自動化する

JavaScriptの機能中にDOM制御に集中し、周辺のWebサービスをプログラミングで代わりに扱う方法をご紹介します。

▲簡単決済サービス カカオペイの決済情報をすぐに入力してカカオトークに送る様子

  • 面倒なテキスト入力とボタンクリックをコンピュータに専任できますか?
  • 1,000個を超えるメールボックスのアイテムを一括処理できますか?

JavaScriptでWebページの構造を再構築する

広告をブロックし、確認したいものだけを表示するWeb拡張機能を作成する方法を紹介します。

  • ブラウザ開発者コンソール内から戻るコードを書いて、必要な情報だけを表示します。
  • ユーザースクリプトを使用して永続性を維持します。
  • 他のサイトにもスクリプトを適用して、本文に含まれている広告を削除します。

倫理的使用

プログラミングの道徳的な活用を心配しています。

教育に使用するツール

講義はGoogle Chromeで行われますが、Google Chrome、Safari、Firefoxなどの快適なモダンなWebブラウザを使用しても大丈夫です。

知識共有者の紹介🎓

キム・ムフン

Web UIに関連するすべてのエンジニアリングを行っています。

キム・ジョンイン

開発サークル活動が楽しくて開発を始めました。
現在はロボティクスの勉強をしており、強化学習、サーバーに興味があります。よく書く開発者になりたいです。

  • 全南大学地域バイオシステム工学科在学/コンピュータ情報通信工学複数専攻

パク・セムン

幼い頃、Turbo c、boland c++をはじめ、プログラミングに触れ、開発者として過ごしてから10年余り過ぎました。
Web、アプリ、モバイル、ブラウザエンジンの開発経験があり、現在はバンコクでグローバルOTA企業でフルスタックエンジニアとして働いています。

  • 県)アゴダシニアフルスタックエンジニア

HTML紹介CSS紹介教育制作を担当しました。個人事情でキム・ジョンイン、ヤン・アルム先生が代わりに講義を進行します。

陽気

美林女子情報科学高等学校で開発を学び、自然にプログラミングに関心を持つようになりました。
様々な経験をする開発者になりたいです。

  • みりん女子情報科学高等学校ニューメディアソフトウェア課

イ・ジアン

🙏 事前にベータテスターとして参加していたキム・スヒョン、キム・ユリ、ユン・ヒナ、イ・イェスル、ホ・ユジュン ありがとうございます。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • 軽くプログラミングを始めたい方

  • プログラミング言語と文法を知っていますが、どのように活用するかを心配している人

  • ソフトウェアプロジェクトを最初から企画することに負担のある方

  • 自分だけのソフトウェアを作ってみるきっかけを探したい方

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

  • CSSやJavaScriptの知識があれば良い

こんにちは
です。

2,918

受講生

41

受講レビュー

4.5

講座評価

3

講座

 설리번 프로젝트는 2015년부터 현재까지 수강생들이 자발적으로 기술을 활용하여 사회적 문제를 해결할 수 있도록 돕는 기술교육 봉사활동을 진행하고 있는 커뮤니티입니다고등학생대학생직장인에 이르기까지 기술교육에 열정을 가진 사람들이 선생님으로 함께하고 있습니다

 설리번 프로젝트에 대한 자세한 링크는 다음 홈페이지를 참고해주시기 바랍니다.
https://sullivanproject.io/
https://fb.com/sullivanproject.in/

설리번 프로젝트는 이번 상반기에 3가지의 온라인 교육을 다음과 같이 준비하였습니다.

. 공부에 대한 흥미를 돋우는 게임 제작하기

층간 소음 문제를 해결할 수 있는 앱 제작하기

프로그래밍 기초·실습

잘 부탁드립니다.

カリキュラム

全体

20件 ∙ (1時間 39分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

21件

4.6

21件の受講レビュー

  • june64112078님의 프로필 이미지
    june64112078

    受講レビュー 17

    平均評価 5.0

    5

    100% 受講後に作成

    Đây là bài giảng khiến bạn cảm thấy mình có rất nhiều kiến ​​thức... ^^

    • looroolala2335님의 프로필 이미지
      looroolala2335

      受講レビュー 8

      平均評価 5.0

      5

      100% 受講後に作成

      Cảm ơn bạn vì bài giảng nơi bạn có thể tự mình thử.

      • nels1004님의 프로필 이미지
        nels1004

        受講レビュー 84

        平均評価 5.0

        5

        100% 受講後に作成

        Đó là khoảng thời gian tuyệt vời khi tôi có thể tìm hiểu về cách khắc phục những bất tiện khi sử dụng web và chia sẻ chúng với các tiện ích mở rộng web.

        • jjhgwx님의 프로필 이미지
          jjhgwx

          受講レビュー 498

          平均評価 4.8

          5

          15% 受講後に作成

          Cảm ơn vì bài giảng hay!

          • kobic님의 프로필 이미지
            kobic

            受講レビュー 6

            平均評価 5.0

            5

            100% 受講後に作成

            無料

            meet6879の他の講座

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

            似ている講座

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