강의

멘토링

커뮤니티

Programming

/

Web Development

Web 開発の基本

実践を通じて、Web 開発に不可欠な基本概念と原理を学びます。

  • devinno
이론 실습 모두
todo앱
아키텍처
Web Application
HTML/CSS
JavaScript
DOM

受講後に得られること

  • Web の動作原理

  • クライアント側の言語の基本概念と主な機能

  • 簡単な動的 Web ページの実装

講義紹介

Web開発の基礎コースです。

  • 変数、条件文、関数、オブジェクト、メソッドなどのプログラミングの基礎は、知っているがWeb開発経験のない方を対象に構成された講義です。


  • HTML/CSS、JavaScript基礎文法の知識が必要です。


  • Webアプリ開発の基本を固める実習を進めます。


このようなことを学びます。

セクション2。ウェブの動作原理

WebブラウザとWebサーバーがそれぞれどのように機能するかを説明します。ブラウザの開発者ツールを使ってネットワーク通信とレンダリング機能を確認してみる実習を進めます。そして、代表的なWebサーバーであるNginxをインストールし、ローカルサーバーを駆動する実習も進めます。

Webブラウザの仕組み

セクション3。クライアント側言語

フロントエンド開発に不可欠な言語であるHTML、CSS、JavaScriptの基本概念と主な機能について学習します。フルーツの説明Webページを実装する練習を通じて、CSSの基本的なスタイルプロパティとFlexboxレイアウト機能を学びます。

果物説明ウェブページの実装

セクション4。動的ウェブページの実装

HTML、CSSで作成した簡単なTo-DoリストWebページにJavaScriptを使用してDOM操作、イベント処理などの動的機能を追加する実習を進めます。空の画面から始めて、エディタにコードを1行ずつ入力し、各行の意味を詳しく説明することで、受講生が動的Webページ実装の基本概念と原理を理解できるように実習を構成しました。

To-DoリストWebページの実装

受講前の注意

練習環境

  • オペレーティングシステムとバージョン(OS):Windows、macOS、Linuxなど

  • 使用ツール:Chrome(無料)、Nginx最新バージョン(無料)、メモ帳++(無料)


学習資料

  • HTML、CSS、JavaScriptのソースコードファイル

  • Notepad++(推奨)、メモ帳などエディタで編集可能

選手の知識と注意事項

  • 選手知識:HTML、CSS、JavaScriptの基本文法

  • 変数、関数、条件文、オブジェクト、メソッドなどプログラミングの基礎は知っているが、Web開発経験がない方

  • 基本概念と原理の説明の後、実践を進めます。

  • 学習に関する質問は、Inflearnのウェブサイトを介して行うことができます。


こんな方に
おすすめです

学習対象は
誰でしょう?

  • Web 開発初心者

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

  • HTML、CSS、JavaScript の基本文法

こんにちは
です。

안녕하세요

인프런 지식공유자 우제근 입니다.

저는 IT 스타트업 크림슨앰버의 대표 입니다.

저의 IT관련 지식과 실무 경험을 여러분들과 공유하고자 합니다!

 

감사합니다.

우제근 | LinkedIn

 

カリキュラム

全体

8件 ∙ (1時間 56分)

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

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

受講レビュー

全体

1件

5.0

1件の受講レビュー

  • withjung228784님의 프로필 이미지
    withjung228784

    受講レビュー 1

    平均評価 5.0

    5

    63% 受講後に作成

    I am a student who took a full-stack course at an academy. As I learned the full-stack course in a short period of time, there was a spoon-fed education. After completing the course, I went to interviews, but the wall of employment was high due to the lack of technical skills and understanding of specialized knowledge of technology. I realized my shortcomings and applied for the course because it caught my eye while looking for a lecture. While taking the lecture, I thought that although it was the same course I had learned at the academy, I also had knowledge about the questions I had heard during the interview, so I thought that I should have learned the course in detail a long time ago. I know that technical skills are important in the IT industry, but I think that understanding technology is really important rather than acquiring technology through spoon-fed courses like AI. Thank you for making such a great lecture video. -Job seeker who challenged IT in his 30s-

    ¥2,808

    似ている講座

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