【世界で30万人が受講】フルスタック・Webエンジニア講座(2016最新版)

25 のウェブサイトやモバイルアプリを開発しながらプログラミング( HTML5, WordPress, CSS3, Javascript, Bootstrap 4,PHP, Python, MySQL) を学び、Webエンジニアになろう!
4.6 (28 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
742 students enrolled
$19
$200
90% off
Take This Course
  • Lectures 117
  • Length 13 hours
  • Skill Level All Levels
  • Languages Japanese
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 11/2016 Japanese

Course Description

このコースは、世界でシリーズ累計30万人もの受講生が学んでいるウェブエンジニア養成コースの最新版「Complete Web Developer 2.0」の日本語版です。イギリス人のUdemyトップ講師(Rob Percival・ロブパーシバル)によるコースを日本の状況に合わせて日本語で全編収録し直しました。

プログラミングやウェブデザインが全くはじめての方でも、丁寧なチュートリアル動画や課題に取り組むことによって、ウェブデザインの基礎、サーバーサイドプログラミング、モバイルアプリ開発、APIプログラミングなどをマスターできます。

また、このコースはテクニカルな面だけではなく、ウェブエンジニアとして独立・起業するためのヒントが、豊富に盛り込まれています。

プログラミングだけではなく、WordPressを使ってポートフォリオサイトを作ったり、ショッピングサイトをクライアントのために構築したり、HTML5アプリをネイティブ化してアプリストアで販売する方法まで解説されています。

【カリキュラム構成】

セクション1:イントロ

セクション2:HTML5

セクション3:CSS(スタイルシート)

セクション4:JavaScript

セクション5:jQuery

セクション6:Bootstrap 4

セクション7:WordPress

セクション8:PHP7

セクション9:MySQL 5(*2016年11月末~12月初旬に追加収録予定)

セクション10:API(*2016年11月末~12月初旬に追加収録予定)

セクション11:モバイルアプリ(HTML5によるハイブリッドアプリ)(*2016年11月末~12月初旬に追加収録予定)

セクション12: HTML5(応用編)(*2016年11月末~12月初旬に追加収録予定)

セクション13: Python

セクション14:Twitterクローンを作ってみよう(*2016年11月末~12月初旬に追加収録予定)

【このコースの特徴】

あなたはこのコースで学ぶことで、およそ6週間で最先端のウェブエンジニアの技術とトレンドをマスターできます。

ぜひ、このチャンスにウェブエンジニアとして実力を磨いて、FacebookやUberのようなイノベーションを起こすウェブサービスやプロダクト開発にチャレンジしましょう。


また、ウェブプログラミングだけではなく、このコースにはPythonやHTML5ベースのモバイルアプリ開発など、IoT(Internet of Things:モノのインターネット)や、モバイルウェブに対応するためのベースとなるレクチャーも豊富に含まれています。Pythonを学ぶことで、Ruby on RailsやSwiftなどモダンな言語にチャレンジするベースをマスターできます。JavaScriptの基礎をとことん学ぶことで、Node.jsやAngular 2, ReactJSなどの学習も加速できます。

それでは、コースで一緒に学んでいきましょう!

【講座特典】

  • 有料(300ドル相当)のBootStrapテーマを3つ入手できます。(英語サイトでの登録が必要)
  • ウェブホスティングを利用できます(ただし、英語メニューのみ提供)
    (そこで、日本語版ではローカルにApache/PHP/MySQLをインストールするMAMPパッケージで学べるようにカスタマイズしています)


【注意】

一部の応用編のレクチャーや、課題解説を一部収録中です。

2016年11月末~12月初旬にはすべてのレクチャー動画を追加収録・掲載する予定です。

What are the requirements?

  • 事前知識は必要ありません。必要なのはやる気だけです。
  • PCまたはMac
  • 受講前にソフトウェアを購入する必要はありません (コース内で使用するソフトウェアはすべて無料です)

What am I going to get from this course?

  • ウェブサイトやウェブアプリが作れるようになる
  • HTMLベースのモバイルアプリを作れるようになる
  • ウェブ開発者としての仕事につける
  • フリーランスとしてウェブサイト構築プロジェクトを担当できる
  • オンラインストアを作れるようになる(WooCommerce+WordPress)
  • フロントエンド開発者になれる
  • データベースとサーバーサイド言語を扱えるようになる

What is the target audience?

  • ウェブプログラミングを学びたい方
  • 起業したり、フリーランスとして仕事をしたい方
  • ウェブサイトを作りたい方
  • 新しい収入源を得たい方
  • 経済的自由を得たい方

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: はじめに(Getting Started)
セクション1の概要
Preview
00:54
オリジナルコースの無料特典の入手サイトへの登録方法
Preview
02:56
03:49

11/17に受講生情報の連携がされたので受講生用の特典が利用できるようになりました。

Macの学習環境構築をしよう
08:26
11:44

Windows環境にエディター、Google Chrome、MAMPをインストールしていきます。

効果的な学習方法
05:01
Section 2: HTML 5
セクション2(HTML5)のイントロ
00:48
はじめてのウェブページを作成しよう
05:52
練習課題:はじめてのウェブページの作成
Article
HTMLファイルの基本構造
13:08
HTMLタグを使って、ウェブページを作成してみよう
07:44
練習課題:HTMLページの作成(解答例)
Article
ヘッダー(見出し)タグ
06:15
パラグラフタグ
04:14
テキストのフォーマット
09:43
番号なしリスト
04:48
番号つきリスト
05:56
イメージ
08:16
フォーム
13:38
テーブル
06:04
リンク
10:24
06:39

特別な意味を持つ記号を処理せずに表示。スペース、カッコなど。

iFrame(インラインフレーム)
06:15
HTMLセクションの最終課題
Article
Section 3: CSS 3
CSS 3のイントロダクション
00:59
CSSとは?
Preview
04:08
インラインCSS
09:26
インラインCSS サンプルコード
Article
内部CSS
07:56
内部CSS サンプルコード
Article
Class・id・span
09:41
Class・idサンプルコード
Article
Div要素
06:01
divサンプルコード
Article
Color属性
07:17
color: サンプルコード
Article
Floatレイアウト
08:47
Floatレイアウト:サンプルコード
Article
Position属性
13:51
position: サンプルコード
Article
マージン(margin)
06:29
マージン: サンプルコード
Article
パディング(padding)
05:02
パディング: サンプルコード
Article
ボーダー(border)
13:49
ボーダー(サンプルコード)
Article
フォント(Fonts)
08:17
Section 4: Javascript
Introduction To Javascript Section
00:38
はじめてのJavascriptを使ってみよう
06:56
inline JS サンプルコード
Article
Internal Javascript
06:05
要素にアクセスする
06:33
クリックでスクリプトを実行する
06:45
クリックで文字列を追記してみよう
07:12
スタイルを操作してみよう
08:16
ミニチャレンジ(円を消す)
09:10
ミニチャレンジのサンプルコード
Article
変数
10:22
配列
13:15
If文
11:20
繰り返し(forループ)
11:49
While文による繰り返し
02:51
関数
04:10
外部 Javascript
03:02
Section 5: jQuery
jQueryセクションのイントロダクション
00:28
What Is jQuery?
05:04
jQueryを使ってみよう
10:59
Clickイベントを検知する
10:48
ウェブページのコンテンツを書き換えてみよう
08:46
ウェブページのスタイル属性を変更してみよう
15:06
フェードイン・フェードアウト
12:48
アニメーション
06:42
AJAXで非同期通信
15:15
Regular Expressions
06:33
jQuery UIを使ってみよう!
12:52
Draggablesを使ってみよう
10:57
Resizableを使ってみよう
07:50
Droppables
10:31
Accordian
10:47
Section 6: Bootstrap 4
Bootstrap 4セクションのイントロダクション
00:50
Bootstrapとは?
05:29
Bootstrapを使ってみよう
08:12
グリッドシステム
07:11
ナビゲーションバー
10:51
フォーム
10:36
Bootstrap4のコンポーネント
14:33
ModalとJavaScriptによる処理の連携
19:56
ScrollSpy
01:05
Project - App Landing Page
02:58
Section 7: Wordpress
WordPressのセクションの概要
00:58
WordPressのセットアップ
10:48
Wordpressのダッシュボード
19:13
Wordpressのテーマ
09:31

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

井上 博樹 (Hiroki Inoue), Web/Mobile App Engineer、Udemyコース制作支援

Hiroki Inoue is a software engineer since 1992. Hiroki Inoue has been taught Web programming at Dokkyo University in Japan, and also on Udemy since November 2014 and now offering 10 courses for 5,700 students. Hiroki Inoue started a consultancy in 2007 to support institutions and corporations to leverage technology in education. Also Hiroki provides 10 courses on Udemy; Complete Web Developer 2.0 (Localized Rob Percival's best seller course), iOS 10 App Dev, Linux, Linux/Docker, Java, Ruby on Rails, WordPress, Android App Dev, PHP7/Laravel, Moodle He loves to play tennis in weekend.

シンクタンク・大学講師を経て、ワシントンD.C.の教育系スタートアップ(Blackboard)に参加、オンライン教育プラットフォーム開発や多言語化、アジア展開などを担当。NASDAQ IPOを経験した後、起業。

世界最大のオンライン学習サイト・Udemyでのべ約5,700名以上にプログラミング講座を10コース提供中。対面でもプログラミングワークショップ(Hour of Code, スマホアプリ開発、Raspberry Pi による電子工作)を地域の中高で定期的に開催している。

2016年11月にはUdemyのベストセラーコース "Complete Web Developer 2.0" をローカライズ、世界で30万人近くが学ぶ最先端のウェブテクノロジーと起業を教えるコースを日本語環境に最適化。

大学・企業、塾・予備校などへの教育研究支援、オンライン教育プラットフォーム(LMS/Moodle/Canvas/Blackboard)導入、反転授業・ブレンデッドラーニング・パーソナライズドラーニング(個別学習)の導入支援、映像授業制作、教育アプリ開発などを提供している。著書に「Moodle入門(2007年)」「Moodle2ガイドブック(2013年)」「反転授業マニュアル(2014年)」「動画xスマホで稼ぐ(2014)」「エンジニアのためのオンライン講座制作ガイド(2016年近刊)」などがある。

また、2014年よりネパールにおける教育支援プロジェクト、"Lights For Everyone" プロジェクトを立ち上げ、ソーラーライトの提供や、SLC(高卒認定試験)対策を含むオンライン学習サイト構築などを企画・構築・運用している。

Instructor Biography

Rob Percival, Web Developer And Teacher

Hi! I'm Rob. I have a degree in Mathematics from Cambridge University and you might call me a bit of coding geek.

After building websites for friends and family for fun, I soon learned that web development was a very lucrative career choice. I gave up my successful (and sometimes stressful) job as a teacher to work part time and today, couldn't be happier.

I'm passionate about teaching kids to code, so every summer I run Code School in the beautiful city of Cambridge. I also run the popular web hosting and design service, Eco Web Hosting which leaves me free to share my secrets with people like you.

You wouldn't believe the freedom that being a web developer offers. Sign up and find out for yourself why so many people are taking and recommending this course. I genuinely believe it's the best on the market and if you don't agree, I'll happily refund your money.

Sign up to my courses and join me in this amazing adventure today.

Ready to start learning?
Take This Course