1/5

15年目にWeb開発者がちゃんと教えた、Web開発入門!

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

ラップトップまたは PC
このクラスでは 7点の作品を作ります。

作品1点につき制作にかかる時間の目安は1 時間から 5 時間です。

  • 実務でよく使うメニュー (1次+2次+3次)

  • マウスホバーによるサイドバーの展開と追跡

  • 投稿スライダー

  • テキストエフェクト 1

  • テキストエフェクト 2

  • 製品スライダー

  • 下にスクロールすると、製品リストがきれいに表示されます。

こんなことを学びます

実際によく使われる HTML と CSS の基礎

実際に必要なものだけを選び、コンセプトを説明するだけでなく、習熟度の向上にもつながります。

CSS 表示属性の概念と使用方法

CSSで最も重要な属性である表示の習熟度を向上させます。

CSS 位置属性の概念と使用方法

主にCSSで使われるポジションの習熟度を向上させます。

トップバーの作り方

ウェブサイトの中核となるトップバーの作成方法をお教えします。

サイドバーレイアウトの作成方法

以下のようなサイドバーを作成してみましょう。

投稿スライダーの作り方

投稿を表示するスライダーを作成しましょう。

テキストシャドウ効果 1

テキストシャドウによるさまざまな効果について学んでください。

テキストシャドウ効果 2

テキストシャドウによるさまざまな効果について学んでください。

スワイパーを使用した製品スライダー

最も人気のあるスライダーライブラリ!スワイパーの使い方を学びましょう。

下にスクロールするとポップアップする素敵なリスト

人気のGSAPスクロールトリガーの使い方を学びましょう。

Web コーディングとは何ですか?

📍 文字通り、ウェブ(ウェブ)を作るためのコーディングです。

具体的には、HTML、CSS、Javascriptなどを使用してWebページを作成することを指し、主にWebデザイナー、パブリッシャー、およびWeb開発者が行う多くの作業です。

Web コーディングの結果 Chrome、インターネットエクスプローラー、Safariと同じブラウザで実行できるページがあるかもしれません。


ウェブコーディングをすぐに学ぶべき理由

📍 ウェブ以外のものはありますか?

最近では、ほとんどすべてのITサービスがWebに統合されているため、Webの重要性がますます高まっています。

それに伴い、企業は マックOS、ウィンドウズ、リナックス、ブラックベリー、アンドロイド さまざまな環境などで うまく機能する Web ページを作成できるエンジニア彼らはますます多くを求めています。

Android や iOS のネイティブアプリの多くは、ウェブコーディングテクノロジーを使用するハイブリッドウェブアプリや PWA アプリに置き換えられています。 つまり、ウェブコーディングはアプリを作るときにもよく使われます。


今後、冷蔵庫からボイラーまで、モノのインターネット(IoT)技術がさらに発展すれば ほぼすべてのデバイスに Web ブラウザが搭載されています。その日が来る。その頃には、Webコーディングに関連する仕事が膨大になると予想されます。

また、ウェブ開発者でなくても、ウェブコーディングはすべての開発者にとって基礎的な教育になりつつあります。お元気ですか?これで十分なら、ウェブコーディングはもはや後回しにすべきものではないことを知っていますよね?



私は開発者で、会社のイマーシブコーディングクラスです。

📍 3,000時間以上教えたベテラン教育者およびビジネスデベロッパー

オフラインの分野でウェブデザインを教えてきたのはわずか5年で、3,000時間以上教えています。オフラインレッスンの中から重要な要素だけを厳選してご紹介しました。


  • 現在、SBSアカデミーではC、C++、Java、ウェブパブリッシング、DB、サーブレット/JSP、PHP、Spring、Linux、アンドロイドなど多くの講義を行っています(2016年〜)
  • IKEA、iism、fiberpro、almonds、Samsung、クレーンなどのさまざまな外部委託プロジェクト/中長期の専門信号訓練、手書きテストソリューションなど(2016-)
  • オンラインセルゲーム、韓国語サーバー運用保守:http://agar.ddack.oa.gg/ (2015)
  • 韓国海洋研究院による船舶運航シミュレーションの実施 (2015)
  • 自動車新聞社モトグラフCMSの開発・保守 (2014-2015)
  • スポーツ/エンターテイメントメディア企業向けOSEN CMSの開発/保守 (2014-2015)
  • キム・ダンビ、スキン/マッサージ/マッサージショップCRMカスタマーケアサービス(2013)
  • イツミロジスティクス東大門衣料品市場配送代行事業 (2008-2013)
  • イツミ東大門ファッションプロダクトフォトエージェンシープロジェクト (2008-2013)
  • アサダルのウェブショッピングモールの創設 (2008)
  • アイシャープミニホームページ+ ショッピングモールプロジェクト (2006~2008)
  • 雇用労働省の職業訓練教員として3級を取得
  • データ処理記事 取って
  • 漢京大学コンピュータサイエンス学科 (卒業)

これは私のクラス101での最初のレッスンで、Webコーディングの適切な入門について説明します。


イマーシブコーディングとウェブコーディングの学習の違いは?


📍 Webサービスプロセス全体を開発するためのトレーニングを行います。

3,000時間を超えるオフライントレーニングによるノウハウにより時間を節約し、才能のある人になるための方法と方法を明確に示します。

Webプランニング、UI実装、フロントエンド/バックエンド実装、サーバーを使った展開と運用について学んでいただき、専門のWeb開発講師が選んだ内容を選んで勉強することしかできません。


📍 Webコーディングの練習に必要な内容だけを選びました。

マイクラス 実際にウェブを配信する際には、保守性とスケーラビリティが考慮されます。 そのあたりは少し難しいかもしれませんが、やっぱり本物のサービスをやろうとするときに、実務を深く理解したい学生にとっては素晴らしい内容になると思います。

何十ものサイトを公開、開発、保守している中で、各段階で何が重要で何が重要でないかがわかっています。ですから、内容がダメだと思ったら、大胆に省略しています。



コーディングで直面する問題

📍 これらの問題に毎回苦労していませんか?

ほとんどの人が同意しているように、理論指向の授業は退屈すぎる。そして、学生の習熟度を考慮せずにリストアップされた概念指向の例は疲れ果てています。

CSS と HTML が整理されていない乱雑なのは悲しいことです。また、メンテナンスが重要なプロジェクトでは CSS レイアウトの不一致が問題になります。

結果が出るだけのめちゃくちゃなソースコードは、後で協力する開発者によって侮辱されます。コーディング結果を引き渡された開発者は、スケーラブルで順序付けられていないソースコードを見ると気が動転するようなソースコードを学ぶべきではありません。


では、没入型コーディングクラスにはどのようなメリットがあるのでしょうか。


📍 最新のコーディング、簡単なコーディング、整然としたコーディングを目指しています。

  • HTML、CSS の基本 必要な基本を簡単に紹介します。
  • わかりやすい HTML/CSS の書き方スパゲッティのような複雑なコードからは離れてみましょう。
  • BEM 命名法私は学びます。これは世界中でよく使われているCSSの命名法で、最初から勉強しておけば、役に立つ使い方ができます。
  • calc や var などの最新の CSS 要素これにより、CSSコードの変更をより簡単かつ簡単に行うことができます。
  • ブロックとインラインブロックの概念と使用方法レイアウトの基本のひとつです!
  • フレックスの使用方法私は学びます。古いIE(Internet Explorer)の崩壊により、安心して使用できる最新のレイアウト手法がついに習得できます。
  • いろいろ Web フォントの使用方法私は学びます。ウェブフォントは現代のウェブデザインに欠かせません。
  • フォント素晴らしい 生産性を上げるさまざまなツールの使い方を紹介します。
  • 絶対値と相対値の概念と使用方法。表示では解決できない問題は、position 属性に任せることができます。
  • 表示属性と位置属性の組み合わせを解いてみてください 30以上の質問そして、学んだことを応用して創造することができます 4種類の練習 ウェブが手に入ります。



ウェブコーディングがあなたを待っています

📍 Webを志す学生から、自分で開発したい人まで、どなたでも大歓迎です。

  • しっかりとしたコーディングスキルを求めている意欲的なウェブデザイナー
  • アイコーディングやマウスコーディングではなく、目的の結果をすばやく生成できる機能が欲しい 意欲的なウェブパブリッシャー
  • バックエンドの完成はフロントエンドです!デザインで素敵なサービスを完成させたい 意欲的なウェブデベロッパー
  • センスある感覚でコーディングから抜け出したい方
  • 構造的かつ合理的な方法でコーディングしたい人
  • 趣味で自分のホームページを作りたい方

いよいよ、正しくコーディングしてみましょう。

じゃあ、授業で会いましょう。

キット・コーチング券

👨🏻‍💻 イマーシブコーディングによる直接指導による1対1のWebコーディングコーチング(2セッション)

📍 適切なウェブコーディングのための1対1のコーチング!

  • コーチングチケット1枚につき、合計2つの質問をすることができます。
  • 各質問について、250文字前後の回答を書いて送信します。


  1. Web コーディングの学習中に発生 エラーを解決私たちはあなたを指導します。
  2. 特定の概念や実践がわからない場合 理解するまでコーチング やります。
  3. Webデザイン/Web開発に関する方向性とキャリアに関する懸念私があなたについて指導します。
  4. データベースデザインまた、アドバイスもします
  • 他のクラスに関する質問については、回答の範囲内で心を込めて指導します。
  • コーチングは、質問を受け取った日に基づいて順番に回答されます。これには少なくとも 7 ~ 10 日かかる場合があります。
  • コーチングチケットは購入日から20週間使用できます。
  • 期間内に使用しなかった場合、払い戻しは行われません。

📩 キットは一部変更される場合があり、変更があれば十分にお知らせします。

カリキュラム

クリエイター紹介

熱中コーディング

熱中コーディング

はじめまして、クリエイター・イマーシブ・コーディングです。

📍 私は教育者になるまで、早い段階で開発者としての生活を始めました。

私はコンピューターサイエンス学科を卒業し、IT兵役特例を通して早くから仕事を始めました。私は2006年にウェブデベロッパーとして働き始め、SI、イントラネット、政府ビジネス、ウェブゲームなど、さまざまな分野でウェブ開発のキャリアを築いてきました。

2015年から、学校の講師として、忙しくも感謝の気持ちを込めた生活を送っています。

私の授業を受ける生徒が賢いとは思いません。学生の集中力や熱意があまり長く続かないと思います。

学生の関心を維持するためには、授業の途中で有意義な結果を頻繁に得ることができる必要があると思います。つまり、勉強は楽しいはずだと思います。


📍 そのため、主に学生が作成した作品を配信するコンテンツを含めます。

実サーバーのレンタル、ドメインへの接続、SSL証明書のインストールというプロセスを通じて、1人での開発と1人でのサービス運用を実現するお手伝いをします。

また、集中力に欠ける現代人として、学生に必要なのは教育よりも訓練だと思います。

私を信じてフォローしてくれれば、結果が出るプロセスを約束します。


オフラインの分野でウェブデザインを教えてきたのはわずか5年で、3,000時間以上教えています。オフラインレッスンの中から重要な要素だけを厳選してご紹介しました。


  • 現在、SBSアカデミースクールでは、C、C++、Java、ウェブパブリッシング、DB、サーブレット/JSP、PHP、Spring、Linux、アンドロイドなど多くの講義を行っています(2016年〜)
  • 現在、IKEA、iism、fiberpro、almonds、Samsung、Cranesなどのさまざまな外部委託プロジェクトに取り組んでいる/中長期のプロフェッショナル信号トレーニング、手書きテストソリューションなど(2016-)
  • オンラインセルゲーム、韓国語サーバー運用保守:http://agar.ddack.oa.gg/ (2015)
  • 韓国海洋研究院による船舶運航シミュレーションの実施 (2015)
  • 自動車新聞社モーターグラフCMSの開発/保守 (2014-2015)
  • スポーツ/エンターテイメントメディア企業向けOSEN CMSの開発/保守 (2014-2015)
  • クムダンビ、スキン/マッサージ/マッサージショップCRMカスタマーケアサービス(2013)
  • イツミロジスティクス東大門衣料品市場配送代行事業 (2008-2013)
  • イツミ東大門服飾製品写真エージェンシープロジェクト (2008-2013)
  • アサダルのウェブショッピングモールの創設 (2008)
  • アイシャープミニホームページ+ ショッピングモールプロジェクト (2006~2008)

ありがとう

몰입코딩

몰입코딩

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

プログラミング初心者向け HTML の基本Web · フロントエンド  |  You know? コーディング

著作権ガイドライン

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

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