【世界で30万人が受講】フルスタック・Webエンジニア講座(2017最新版)
4.4 (161 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.
2,127 students enrolled
Wishlisted Wishlist

Please confirm that you want to add 【世界で30万人が受講】フルスタック・Webエンジニア講座(2017最新版) to your Wishlist.

Add to Wishlist

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

25 のウェブサイトやモバイルアプリを開発しながらプログラミング( HTML5, WordPress, CSS3, Javascript, Bootstrap 4,PHP, Python, MySQL) を学び、Webエンジニアになろう!
4.4 (161 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.
2,127 students enrolled
Last updated 3/2017
Japanese
Current price: $10 Original price: $200 Discount: 95% off
6 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 17.5 hours on-demand video
  • 42 Articles
  • 50 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
ウェブサイトやウェブアプリが作れるようになる
HTMLベースのモバイルアプリを作れるようになる
ウェブ開発者としての仕事につける
フリーランスとしてウェブサイト構築プロジェクトを担当できる
オンラインストアを作れるようになる(WooCommerce+WordPress)
フロントエンド開発者になれる
データベースとサーバーサイド言語を扱えるようになる
View Curriculum
Requirements
  • 事前知識は必要ありません。必要なのはやる気だけです。
  • PCまたはMac
  • 受講前にソフトウェアを購入する必要はありません (コース内で使用するソフトウェアはすべて無料です)
  • Google ChromeとBracketsエディターを使います。
Description

**2017年2月26日更新**

このコースは、世界でシリーズ累計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

セクション10:API

セクション11:モバイルアプリ

セクション12: HTML5(応用編)(追加中)

セクション13: Python

セクション14:Twitterクローンを作ってみよう

【このコースの特徴】

あなたはこのコースで学ぶことで、およそ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パッケージで学べるようにカスタマイズしています)


【更新情報】

2017/2/26 モバイルアプリにローカルストレージ解説、チャレンジ課題を掲載しました。

2017/2/24 モバイルアプリにApp.jsの解説を追加しました。

      レクチャー11に「ソースコードを表示するショートカット」を追加しました。

2017/2/22 モバイルアプリのイントロ・最初のレクチャーを追加しました。

2017/2/12 CSSセクションの最終課題のサンプルコードを追加しました。

2017/2/8 APIセクションにGeocoding APIのレクチャー、ミニチャレンジを追加しました。(6:52, 7:02, 15:16)

2017/2/6 最終セクションの課題と、動作サンプルへのリンク、サンプルコードを掲載しました。

2017/2/5 APIセクションに「Google Maps API」のレクチャー(18:25)を追加しました。

2017/2/1 APIセクションに6本のレクチャーを追加しました。

2017/1/31 MySQLの残りのレクチャーを追加しました。

2017/1/9 Bootstrap(Scrollspy)のサンプルコードを収録しました。

2017/1/5 MySQLのレクチャーを6本追加しました。

2017/1/4 CSSセクションの課題を追加しました。

2016/12/30 MySQLのセクションを追加しました。

2016/12/14 Bootstrapのセクションに、アプリランディングページ制作課題のサンプルへのリンクを掲載しました。


Who is the target audience?
  • ウェブプログラミングを学びたい方
  • 起業したり、フリーランスとして仕事をしたい方
  • ウェブサイトを作りたい方
  • 新しい収入源を得たい方
  • 経済的自由を得たい方
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 166 Lectures Collapse All 166 Lectures 17:23:23
+
はじめに(Getting Started)
7 Lectures 39:57


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

Preview 03:49

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

(オプション)Mac版MAMPの導入(2017年2月8日版以降をお使いの場合)
07:07

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

Windowsの学習環境構築をしよう
11:44

効果的な学習方法
05:01
+
HTML 5
18 Lectures 01:49:49
セクション2(HTML5)のイントロ
00:48

はじめてのウェブページを作成しよう
05:52

練習課題:はじめてのウェブページの作成
00:03

*注意*

Google ChromeブラウザでHTMLソースを表示するには、

Windowsなら、Ctrl + U

Macなら、Option + Command + U

を同時に押します。

こうしたキーボードによる操作を「キーボードショートカット」と言います。

HTMLファイルの基本構造
13:08

HTMLタグを使って、ウェブページを作成してみよう
07:44

練習課題:HTMLページの作成(解答例)
00:00

ヘッダー(見出し)タグ
06:15

パラグラフタグ
04:14

テキストのフォーマット
09:43

番号なしリスト
04:48

番号つきリスト
05:56

イメージ
08:16

フォーム
13:38

テーブル
06:04

リンク
10:24

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

HTMLエンティティ(実体参照)
06:39

iFrame(インラインフレーム)
06:15

HTMLセクションの最終課題
00:01
+
CSS 3
25 Lectures 01:41:52
CSS 3のイントロダクション
00:59


インラインCSS
09:26

インラインCSS サンプルコード
00:00

内部CSS
07:56

内部CSS サンプルコード
00:00

Class・id・span
09:41

Class・idサンプルコード
00:00

Div要素
06:01

divサンプルコード
00:00

Color属性
07:17

color: サンプルコード
00:00

Floatレイアウト
08:47

Floatレイアウト:サンプルコード
00:00

Position属性
13:51

position: サンプルコード
00:00

マージン(margin)
06:29

マージン: サンプルコード
00:00

パディング(padding)
05:02

パディング: サンプルコード
00:00

ボーダー(border)
13:49

ボーダー(サンプルコード)
00:00

フォント(Fonts)
08:17

CSSセクションの課題
00:01

CSSセクション課題: サンプルコード
00:03
+
Javascript
17 Lectures 01:48:25
Introduction To Javascript Section
00:38

はじめてのJavascriptを使ってみよう
06:56

inline JS サンプルコード
00:00

Internal Javascript
06:05

要素にアクセスする
06:33

クリックでスクリプトを実行する
06:45

クリックで文字列を追記してみよう
07:12

スタイルを操作してみよう
08:16

ミニチャレンジ(円を消す)
09:10

ミニチャレンジのサンプルコード
00:00

変数
10:22

*レクチャーの誤植(再収録して差し替え予定です)

tweets.push = "文字列";

ではなく、

tweets.push("文字列")

で配列にデータをプッシュします。

配列
13:15

If文
11:20

繰り返し(forループ)
11:49

While文による繰り返し
02:51

関数
04:10

外部 Javascript
03:02
+
jQuery
15 Lectures 02:25:26
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
+
Bootstrap 4
12 Lectures 01:21:43
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

ScrollSpy - Files
00:01

Project - App Landing Page
02:58

アプリのランディングページ課題の解答例
00:01
+
Wordpress
8 Lectures 01:14:33
WordPressのセクションの概要
00:58

WordPressのセットアップ
10:48

Wordpressのダッシュボード
19:13

Wordpressのテーマ
09:31

レクチャーで使うテーマの入手サイト
00:01

高機能なXテーマをインストールしよう

Xテーマでサイトを作ろう
17:26

WooCommerceでショッピングサイトを作ろう

ショッピングサイトを作る
12:13

ウェブサイトを作るチャレンジ
04:23
+
PHP
12 Lectures 01:15:36
Introduction To PHP Section
00:34

Introduction To PHP
02:59

Hello World With PHP
11:16

Variables
09:40

Arrays
10:10

If Statements
07:11

For And For Each Loops
12:21

While Loops
04:51

GET Variables
09:06

POST Variables
02:29

Sending An Email With PHP
04:56

+
MySQL
21 Lectures 02:03:04
MySQL 5 セクションのイントロ
01:20

MySQLのデータベースを追加しよう
08:24

データベースに接続してみよう
09:52

データベースに接続してみよう(サンプルコード)
00:03

データベースから値を取得する
15:18

データベースから値を取得する(サンプルコード)
00:02

データの挿入と削除
12:10

データの挿入と削除(サンプルコード)
00:03

データのループ処理(1/3)
11:10

データのループ処理 (1/3)サンプルコード
00:00

データのループ処理(2/3)
06:28

動作イメージ

サンプルコード



データのループ処理(2/3・サンプルコード)
00:02

ユーザー登録フォームを作ります。

データのループ処理(3/3)
30:30

登録フォームの作成

データのループ処理(3/3・サンプルコード)
00:00

セッション変数
12:00

セッション変数: ファイル
00:02

クッキー
07:33

クッキー:ファイル
00:02

パスワードを安全に保存する
07:55

パスワードを安全に保存する:ファイル
00:02

プロジェクト課題とサンプルコード
00:03
+
API
11 Lectures 01:19:14
Introduction To APIs Section
01:05

APIの仕組み
01:07

天気情報APIを使ってみよう!(1/2)
14:15

天気情報API テンプレートファイル
00:01

天気情報APIを使ってみよう!(2/2)
15:10

Weather API サンプルコード
00:00

Google Maps API
18:25

Google Maps Geolocation API
06:52

Google Maps Geocoding API (1/2)
07:02

Google Maps Geocoding API (2/2)
15:16

ミニチャレンジ課題:郵便番号ファインダー
00:00
4 More Sections
About the Instructor
井上 博樹 (Hiroki Inoue)
4.3 Average rating
861 Reviews
6,378 Students
13 Courses
ITエンジニア、Udemy講師(プログラミング, STEAM)

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 13 courses for 9,900 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.

東京大工学部卒業後、富士総合研究所[現・みずほ情報総研]解析技術第1部にてデータ解析・デジタル信号処理の研究開発)・大学講師を経て、ワシントンD.C.の教育系スタートアップ(Blackboard)に参加、オンライン教育プラットフォーム開発や多言語化、アジア展開などを担当。NASDAQ IPOを経験した後、起業。

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

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

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

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

Rob Percival
4.6 Average rating
42,869 Reviews
240,143 Students
19 Courses
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.