Name: モダンウェブインタラクティブCSS3ブートキャンプ【フルバージョン】
Price: 154000 KRW

こんなことが学べます

コーディングに興味さえあれば、最も簡単で楽しく始められるウェブ開発で興味を深めてみてください。
CSS3でHTML5の構造に飾り付けをします。
ウェブページの華であるCSSスタイルを適用できます。
Emmetの使い方を学んで、繰り返し練習することで、ショートカットキーを使って素早くコーディングできるようになります。
多様な実務ページのスタイルとアニメーションを直接制作してみます。
キャラクターが動くスプライトアニメーションを適用して、動くキャラクターのウェブページを作成してみます。
JavaScript を使わずに、CSS3 を使用してインタラクティブなウェブを実装してみましょう。
Flexの概念を習得し、様々な実習を通してレスポンシブなロジックを理解します。
CSSの入門から、アニメーションを含む高度なインタラクティブWebアプリケーションまで、この一つの講座で完璧にマスターできます。
ウェブ開発者への第二段階を、楽しく飛び越えていきましょう！
自分のサイトを世の中に知らせるウェブホスティングを学び、制作したウェブをアップロードしてみましょう。

小学校のコーディング教育、ITソフトウェア学科の高校生、コンピュータ工学科の大学生、非専攻者の就活生を対象に15年以上コーディング教育に専念してきた現役スター講師ヨンコディ・キム先生のこれまでのノウハウをぎゅっと詰め込んだ分かりやすくて楽しいCSS3コーディング講義です。[ CSSの基礎の歩みから始めて高級アニメーションとインタラクティブなWeb制作スキルまで一度に盛り込んだオールインワンパッケージ講義]でCSS言語を完璧にマスターしてみましょう🙂

英語コーディングのキム先生の分かりやすく楽しい説明と独特の暗記法により、初心者でも段階的に成長でき、様々なクローンコーディングを通じて実務ウェブ開発を段階的に習得できます。

皆さんも本当に基礎から始める非専攻者のためのWebデザイン、フロントエンド、バックエンド、フルスタック就職コースを通じて開発者への夢に挑戦してみてください。HTML/CSS、フロントエンド、Webデザイン、国費支援ブートキャンプ、クローンコーディング

非専攻者のためのフルスタック課程では、各コース過程別に何を学びますか？

✔STEP01 | 非専攻者のための [HTML スターター] ブートキャンプ[該当コース移動クリック]

htmlの意味と基本コードの書き方およびレイアウト作成

ウェブ開発をするということは、誰でも来ることができる店舗をオンライン上に作ることと同じです。HTMLはHyper Text Markup Languageの略で、ウェブページの主要な核心内容となる情報を持って基本骨組みを作る作業を学びます。

✔STEP02 | 非専攻者のための [モダンウェブインタラクティブ CSS3] ブートキャンプ [現在の課程]

CSSの意味と基本コードの書き方から、希望するスタイルをHTMLに適用してWebデザインする方法まで

CSSはCascading Style Sheetの略で、Cascadingは階層的な、滝のような意味を持つ単語です。cssは文字通りhtml構造の親子関係を階層的に選択して、望む要素に望むスタイルの色や形、アニメーションを適用し、ユーザーが見て退屈ではなく興味深く美しいウェブをデザインできるシートを作成して適用します。また、cssに自信が持てるまで様々な実務サイトのクローンデザイン、モバイルデザイン、ウェブデザインをHTML/CSSを反復的にコーディングしながらウェブデザインを多様に制作する経験を積みます。

✔STEP03 | 非専攻者のための [JSからReactまで] ブートキャンプ[該当コース移動クリック]

バニラスクリプトとJavaScript ES6文法を習得してReactを活用する

もしかして、Reactを勉強していて挫折したことはありませんか？キム先生のクラスでは、Reactの基礎となるJavaScriptを段階的に学習するため、バニラスクリプトからJavaScript ES6文法、jQueryなどの基本文法から様々な実習例題を通してスクリプトの基礎をしっかりと固めた後、Reactの多様な文法の理解と実習を通してコンポーネント、state、メモ化を活用した掲示板と会員機能を実装し、TypeScript文法を身につけてToDoList実習例題を制作するなど、諦めずにReactへの道を開いてくれます。

✔STEP04 | 非専攻者のための [レスポンシブウェブ制作] ブートキャンプ[該当コース移動クリック]

レスポンシブウェブを作るための@メディアクエリの理解と使用法を身につけ、簡単にレスポンシブを制作できるフレームワークであるBootstrapを習得し活用する

デバイス機器に応じてレイアウトが変わるレスポンシブWebページ開発のためにBootstrap（BOOTSTRAP）を活用する方法について、理論と実習を適切に配分してBootstrapの構成要素を理解し、実習を通じてすぐに確認しながら実際のレスポンシブWebサイトを実装して完成させます。

また、Bootstrapのあらかじめ決められたスタイルではなく、自分だけの個性的なスタイルのレスポンシブWebを制作したい方のために、Bootstrapを使わずに純粋にhtml/css/jQueryのみを活用してデバイス別に様々なレイアウトを実装できる実習を、ハンソッ弁当のレスポンシブWeb制作を通してマスターしてみます。

✔STEP05-1 | 非専攻者のための[JAVA基礎]ブートキャンプ [該当コース移動クリック]

最も基本的な文法の理解と実習から始めて、Java基礎と中級文法を身につける

ウェブ開発バックエンドの最も基本的な言語であるJavaを、最も基本的な文法から始めて段階的に中級レベルまで習得し、様々な例題実習を通して自分が望むプログラムをコーディングできる能力を自然に身につけることができます。

✔STEP05-2 | 非専攻者のための [JAVA基礎から応用まで] ブートキャンプ[該当コース移動クリック]

Java基礎から高級文法の理解と実習

Javaのコレクションフレームワークは、collection文字通り収集、つまり保存するクラスを自体的に内蔵している内部ライブラリで、データの様々なタイプを一箇所にまとめて管理・保存できる多様な文法を習得し、Javaの基礎から応用まで様々な例題を実習することで、ウェブ開発バックエンドの礎を堅固にする土台を作ります。

✔STEP05-3 | 非専攻者のための[Oracle SQL]ブートキャンプ[該当コース移動クリック]

Databaseの理解と実習

データベース(DB)テーブルを作成し、dbに読み書き、修正、削除するCRUD実習を通してSQL文法を学び実習することで、会員登録、ログインや掲示板作成時にdbを活用できるよう準備します。

✔STEP06 | 非専攻者のための [JSPからSpringBootまで] ブートキャンプ [該当コース移動クリック]

JSPからSpring Bootまで

もしかして最近実務で最もよく使われているSpring Bootから勉強を始めて挫折した経験はありませんか？

キム先生のクラスでは、Spring Bootを完璧に理解するために最も基礎的な文法であるJSPから学習し、前世代から現世代へのバックエンド文法の進化を直接体感しながら自然に概念と使用法を身につけ、ウェブ開発のバックエンドを自動で実装してくれるSpring Bootが動作する原理を理解します。

ORM、JPA、エンティティの基本概念と活用、Spring Securityの理解とセキュリティを活用した会員機能の実装、JUnit testの実習とH2コンソールの使用法などの実習を基に、Spring Bootを活用して会員と掲示板機能がある実務Webサイトを実装し、GitHubでの協業まで、ポートフォリオ制作のための基礎を完璧に習得します。

✔STEP07 | 実戦デプロイのための[ホスティングからAWSまで]ウェブサービス構築

[該当コースへ移動クリック]

ホスティングとAWSデプロイで完成するWebサービス

もしかして開発したプロジェクトが自分のコンピューター内でしか実行されず、実際のサービスとしてデプロイできずにもどかしい思いをした経験はありませんか？

キム先生のクラスでは、単純にコードを書くことに留まらず、ドットホームを活用したWebホスティングからGIT、AWS EC2へのプロジェクトデプロイまで全過程を段階的に従いながら学習します。

ドメイン接続、FTPアップロード、GitHubを通じたデプロイ、jarパッケージング、サーバー設定、画像アップロードパス指定、nohupを活用した無停止実行まで、実務で必ず必要なデプロイプロセスを習得できます。

このプロセスを通じて、自分が作ったWebサイトを実際に世の中に公開できる経験を積み、開発者としての自信と実際のサービス運営能力を同時に身につけることができます。

#Java #java #国費支援 #ブートキャンプ #スプリングブート #springboot #frontend #backend #fullstack #fullstackdeveloper #jsp #react #リアクト #フロントエンド #バックエンド #フルスタック #html #css #css3 #コーディング講義 #コーディング授業 #コーディング基礎 #コーディング学院 #コーディング勉強 #javascript #ジャバスクリプト #コーディングオンライン講座 #コーディング教育 #インタラクティブ #インタラクティブウェブ #スプリング #spring #開発者 #開発者就職 #aws #db #データベース #jdbc #オラクル #oracle #sql #jpa #スレッド #threads #thread #シリアル化 #デシリアル化 #継承 #ポリモーフィズム #メソッド #オーバーロード #オーバーライド #クラス #演算 #エクリプス #eclipse #domtree #ジェイクエリ #プラグイン #オブジェクト #オブジェクト実習 #オブジェクト生成 #オブジェクト #object #モーダルウィンドウ #モーダル #modal #es6 #ドキュメントオブジェクトモデル #js #javascripttutorial #javascriptexamples #interactiveweb #interactive #ナビゲーション制作 #gnb #position #ウェブレイアウト #レイアウト #form #フォームタグ #emmet #エミット

こんな方に
おすすめです

学習対象は
誰でしょう？

コーディングを初めて学ぶ小学生、中学生、高校生、大学生、そして大人まで誰でも
非専門分野出身ですが、ウェブ開発を勉強してフロントエンド、バックエンド、フルスタックエンジニアとして就職したい就活生
いくつかの例だけを扱う断片的な講義はもう終わり！CSSの基礎、中級、高級理論から様々な実習まで、一つの講義で全てマスターしたい！

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

HTMLの基礎だけ知っていれば誰でも簡単に始められます！
コーディングが初めてなら、STEP01 [キムさんのHTMLスターター講義]を先に受講してください。
コーディングへの関心とあなたの情熱があれば、授業はもっと楽しくなります。
独学でコーディングに挫折した経験がある方でも、今度は諦めずに楽しくコーディングできるようにお手伝いします。

こんにちは
です。

335

受講生

受講レビュー

回答

5.0

講座評価

講座

👩 이 강의를 만든 사람
[ 비전공자도 쉽고 재미있게 배우는 코딩! ] 을 목표로 15년 넘게 풀스택(백엔드, 프론트엔드) 및 영상, 코딩, 디자인, 빅데이터, 머신러닝 등을 강의하며 개발자 인력양성에 진심인 현직 직업훈련교사

🎖 경력사항
[컴퓨터 1도 모르는 사람이 부업으로 월100만원 수입내보기 첫걸음] 의 저자
NCS 국가직무능력강의 고용노동부 평가 A등급 강사선정
그린컴퓨터아카데미수원 우수강사선정(2017, 2018, 2019 3년연속 최우수1등상 수상)
전) 삼성ODD 기획 개발팀 담당
가톨릭대학교 컴퓨터공학부 특강
용인송담대학 멀티미디어학부 특강 및 다수

🚵 자격사항
직업능력훈련교사[정보기술개발] 고용노동부
직업능력훈련교사[정보기술운영] 고용노동부
직업능력훈련교사[정보기술전략·계획] 고용노동부
직업능력훈련교사[인공지능] 고용노동부
직업능력훈련교사[실감형콘텐츠제작] 고용노동부
직업능력훈련교사[문화콘텐츠제작] 고용노동부
직업능력훈련교사[멀티미디어] 고용노동부
직업능력훈련교사[일반사무] 고용노동부
직업능력훈련교사[총무] 고용노동부
직업능력훈련교사[디자인] 고용노동부
직업능력훈련교사[영상제작 ] 고용노동부
직업능력훈련교사[인쇄] 고용노동부
직업능력훈련교사[출판] 고용노동부
빅데이터전문가1급 한국직업능력진흥원
정보처리기사 한국산업인력공단
사무자동화산업기사 한국산업인력공단
컴퓨터활용능력 2급 대한상공회의소
ITQ OA 마스터 한국생산성본부
워드프로세서 1급 대한상공회의소
멀티미디어콘텐츠제작전문가 한국콘텐츠진흥원
시각디자인산업기사 한국산업인력공단
컴퓨터그래픽스운용기능사 한국산업인력공단
웹디자인기능사 한국산업인력공단
GTO 포토샵 1급 글로벌공인자격검정원
GTO 일러 1급 글로벌공인자격검정원

👩‍🏫 현) 그린컴퓨터아카데미 직업능력훈련교사 재직중
담당과정) 정보기술개발/프론트엔드/백엔드/풀스택/자바 웹개발/UIUX엔지니어링/빅데이터플랫폼구축/빅데이터시스템개발/ 프로그래밍언어/파이썬/자바/빅데이터분석/ 빅데이터전문가/프로그래밍언어/콘텐츠기획

인프런의 부트스트랩3(BOOTSTRAP)를 활용한 반응형 웹페이지 만들기 약 10만명 구독을 기념으로 그동안 추가 강의에 대한 많은 요청을 DM으로 받아 풀스택 강의를 최신버전으로 기획 제작 및 업로드 중입니다. 여러분의 많은 관심과 따뜻한 댓글은 영코디 킴쌤의 강의제작에 큰 원동력이 됩니다.

느리지만 차근차근 질좋은 강의로 한걸음씩 여러분과 함께하겠습니다.

カリキュラム

全体

78件 ∙ (25時間 42分)

講座資料（こうぎしりょう）:

授業資料

セクション 1．CSS の意味を正確に理解し、タグセレクタ、ID セレクタ、クラスセレクタを実践してみましょう。

5件 ∙ (1時間 31分)

1. Web スタイルを作成する CSS 言語とは?
20:51
2. CSS を記述する方法が 3 つあるって?
28:19
3. VSCode 開発ツールでコーディングすると、より高速になります。
25:57
4. idセレクタとclassセレクタの違いは何ですか?
05:05
5. css |練習問題プール
10:59

セクション 2．レイアウトのためのfloatとbox sizing、displayプロパティを理解して実践してみましょう

8件 ∙ (3時間 15分)

6. float属性で何を丸く浮かべる？
31:05
7. float属性を使用してレイアウトを組むことができるんだ!
36:46
8. さまざまなセレクターを活用して、シンプルなネイバーレイアウトを作成してみましょう。
26:06
9. html の属性としても選択できる属性セレクタとは?
13:20
10. レイアウト作成にfloatとbox sizingを活用してみましょうGO!
27:15
11. 私たちは、同等な兄弟関係のタグを選択する同位選択子を選択します
14:56
12. 子孫と子孫選択者の違いは何ですか?
23:41
13. レイアウトに display 属性をどのように活用しますか? | 実習問題の解答
22:42

セクション 3．グラデーションスタイルをコーディングで作成してみましょう

2件 ∙ (31分)

14. gradient generator を使用すると、簡単にグラデーションを作成できますか?
14:43
15. グラデーションが入ったナビゲーションをコーディングで作ってみよう | 実習問題解答
16:54

セクション 4．意味論的な Web ページレイアウトを作成してみましょう

2件 ∙ (47分)

セクション 5．さまざまなセレクタを使用して、html 要素を選択してスタイルを設定してみましょう

3件 ∙ (36分)

セクション 6．5つのposition属性を理解して、さまざまな実践を試してみましょう

6件 ∙ (2時間 9分)

セクション 7．background のさまざまな属性を理解して活用してみましょう

7件 ∙ (2時間 40分)

セクション 8．スクロール時に空間感が感じられるパララックスウェブを作成してみましょう

1件 ∙ (11分)

セクション 9．キャラクターが動くアニメーションウェブを作ってみよう

7件 ∙ (2時間 4分)

セクション 10．レスポンシブウェブの意味を理解し、その重要なコードが何であるかを把握しましょう

3件 ∙ (1時間 0分)

セクション 11．Transition と Animation をコーディングして、インタラクティブな Web を作成してみましょう

6件 ∙ (1時間 49分)

セクション 12．Transform コーディングを使用して、実用的な Web を作成してみましょう

9件 ∙ (2時間 52分)

セクション 13．タブリストをクリックすると、そのコンテンツが表示されるタブコンテンツを実装してみましょう。

5件 ∙ (1時間 19分)

セクション 14．仮想セレクターを活用してショッピングモールを実装してみましょう

2件 ∙ (31分)

セクション 15．私はフィルター機能とブレンド技術を使用して、Photoshop なしでコーディングで補正します!

2件 ∙ (55分)

セクション 16．Flex のさまざまなプロパティを理解し、実践してマスターしましょう。

9件 ∙ (2時間 45分)

セクション 17．無料で世界にあなたのウェブサイトを宣伝するホスティングの秘訣

1件 ∙ (38分)

講座掲載日:

最終更新日:

受講レビュー

全体

2件

5.0

2件の受講レビュー

mimipusher84
受講レビュー 1
∙
平均評価 5.0
5
100% 受講後に作成
절친이 개발자로 취업하고 싶어서 영코디 킴쌤강의를 들으러 여기 대구에서 수원까지 가서 자취를 하며 6개월을 공부하더니 포폴을 만들고 바로 취업을 하더군요 저도 완전 자극을 받아서 이직을 준비할까 엄청 망설이고 있었는데 마침 이제 온라인에서도 킴쌤강의를 이 가격에 들을 수 있다고!! 이 얘길 듣고 정말 고민없이 바로 신청했습니다. 부산, 여수, 강원도 등등 각지에서 가서 듣는다더니 와 왜그런지 알 것 같네요...저는 코딩을 처음 접하는데 정말 쉽고 재미있게 알려주시네요. 예제도 다양해서 열심히 들으며 코딩하고 확인하고..재미있게 공부하고 있습니다. 자신감이 조금씩 붙는 것 같습니다. step3 js강의도 열정적으로 고고 하려고 합니다. 자바 강의도 빨리 올려주시면 감사드리겠습니다~!!
pcdo.omco
受講レビュー 15
∙
平均評価 5.0
5
22% 受講後に作成
잘듣겠습니다!
- 영코디 킴쌤
  知識共有者
  감사합니다. 50%이상 수강하셔서 요청하신대로 수강기간 1년 연장해 드렸습니다. 앞으로도 파이팅입니다 :)