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

25 のウェブサイトやモバイルアプリを開発しながらプログラミング( HTML5, WordPress, CSS3, Javascript, Bootstrap 4,PHP, Python, MySQL) を学び、Webエンジニアになろう!
4.3 (87 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.
1,372 students enrolled
$15
$200
92% off
Take This Course
  • Lectures 135
  • Length 14.5 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(追加中、あと3本追加予定)

セクション10:API(*2017年1月に追加予定)

セクション11:モバイルアプリ(HTML5によるハイブリッドアプリ)(*2017年1月追加予定)

セクション12: HTML5(応用編)(*2017年1月追加予定)

セクション13: Python

セクション14:Twitterクローンを作ってみよう(*2017年1月追加予定)

【このコースの特徴】

あなたはこのコースで学ぶことで、およそ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年1月にすべてのレクチャー動画を追加収録・掲載する予定です。


【更新情報】

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

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

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

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

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


What are the requirements?

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

What am I going to get from this course?

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

Who 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
練習課題:はじめてのウェブページの作成
00:03
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
06:39

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

iFrame(インラインフレーム)
06:15
HTMLセクションの最終課題
00:01
Section 3: CSS 3
CSS 3のイントロダクション
00:59
CSSとは?
Preview
04:08
インライン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
Section 4: Javascript
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
13:15

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

tweets.push = "文字列";

ではなく、

tweets.push("文字列")

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

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
ScrollSpy - Files
00:01
Project - App Landing Page
02:58
アプリのランディングページ課題の解答例
00:01
Section 7: Wordpress
WordPressのセクションの概要
00:58

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

井上 博樹 (Hiroki Inoue), ITエンジニア、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 12 courses for 7,400 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でのべ7,400名以上にプログラミング講座を12コース提供中。対面でもプログラミングワークショップ(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(高卒認定試験)対策を含むオンライン学習サイト構築などを企画・構築・運用している。

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