Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development

「世界で7万人が受講!未経験からWebプログラマーになるための全て」2018年最新版

Masaaki Hatano 監修、2018年の最新版へupdate済み(初心者向け・日本語吹き替え版)
Rating: 4.0 out of 54.0 (896 ratings)
12,724 students
Created by Victor Bastos
Last updated 1/2021
Japanese
30-Day Money-Back Guarantee

What you'll learn

  • 本コースを完了すると、簡単なwebサービスが作れるようになります。
  • 本コースを終了することで技術知識が0だった方でも、技術会話を専門の技術者の方とする事が出来ます。
  • 本コースを終了する事でweb開発のコアになる多くの言語をカバーする事が出来ます。

Course content

10 sections • 237 lectures • 36h 36m total length

  • Preview5 pages

  • Preview04:29
  • Preview08:46
  • 3: ヘッダー、パラグラフ、ラインブレイクってどう使うの?
    09:57
  • 4: Bold(太字)、Italic(斜体)、コメントも使ってみよう。
    07:59
  • 5: リストの作り方
    11:54
  • 6: リンクの作成
    05:29
  • 7: 複数のページを作ってみよう。
    17:35
  • 8: いろんなリンクの作成方法
    11:45
  • 9: ドックタイプとリストについて。
    16:06
  • 10: 画像について
    08:52
  • 11: 表について知ろう
    09:58
  • 12: ついにCSSをやってみよう!
    16:44
  • 13: クラスとIDを覚えてみよう。
    08:10
  • 14: Divについて学ぼう
    18:07
  • 15: フォントの使い方。
    08:03
  • 16: 実はテキストで出来ること?
    07:49
  • 17: 色のつかいかた。
    04:40
  • 18: リンクの状態について
    12:38
  • 19: 今までのページを整理してみよう。
    10:20
  • 20: サイトをカッコよくするには?
    05:34
  • 21: チェックボックスに関して
    07:55
  • 22: フォームを作ってみよう。
    09:38
  • 23: いろいろ応用してみよう。
    07:38
  • 24: バグ、エラー、ディバッグについて
    01:32
  • 25: IDE、エディター、フレームワークについて
    02:23
  • 26: CMSとは?
    04:16
  • 27: ホスティングとテンプレートについて
    02:58
  • 28: 無料テンプレートでサイトを作っちゃう方法
    05:13
  • 29: ウェブデザインについて
    01:41
  • 30: 最後:)いろんなwebサイトのご紹介。
    04:27

  • Preview05:46
  • Preview04:14
  • 3: コメントの書き方。
    02:17
  • 4: 変数について。
    07:40
  • 5: データのタイプについて。
    02:00
  • 6:アラートの出し方
    05:09
  • 7: ファンクションについて
    07:25
  • 8: 前回の続き
    07:30
  • 9: スコープについて
    03:42
  • 10: 数学演算子とは??
    05:55
  • 11: 演算子&代入演算子
    04:24
  • 12: まだまだ演算子
    09:44
  • 13: 次は、論理演算子
    06:58
  • 14: まだまだ演算子:)
    06:07
  • 15: Ifの中にIf
    07:46
  • 16: もっともっとIF
    05:01
  • 17: else/if
    05:58
  • 18: スイッチ文について
    07:17
  • 19: プロンプトの使い方
    04:09
  • 20: ループスについて
    06:45
  • 21: ループスの続き
    04:04
  • 22: 配列について
    06:59
  • 23: アレーをもっと詳しく
    06:10
  • 24: アレーをもっともっと詳しく
    05:34
  • 25: オブジェクトとは何か?
    10:17
  • 26: コンストラクターファンクションって?
    14:24
  • 27: 定義済みのオブジェクト
    11:01
  • 28: DOMについて
    07:36
  • 29: DOMnodeとはなんでしょう?
    06:52
  • 30: フォームの作り方
    09:46
  • 31: CSSをJavascriptで使ってみる
    05:03
  • 32: イベントハンドラーの作り方
    06:37
  • 33: イベントの続き
    05:49
  • 34: アップイベントメソッドとは?
    04:43
  • 35: ライブラリーとかフレームワークとか
    03:27
  • 36: ファイナルプロジェクト
    08:21
  • 37: ファイナルプロジェクト
    07:29
  • 38: ファイナルプロジェクト
    10:01
  • 39: ファイナルプロジェクト
    08:04
  • 40: ファイナルプロジェクト
    08:30
  • 資料:ファイナルソースコード
    00:00
  • 資料:Javascriptで主に使われるメソッド
    1 page
  • 資料:主なDOMのメソッド一覧
    1 page

  • Preview01:48
  • Preview05:42
  • 3: 初のPHPコード
    07:07
  • 4: eko-を使ってみる
    03:09
  • 5: レポートエラーについて
    04:32
  • 6: コメントの使い方
    06:30
  • 7: 変数(variable)とスコープとは?
    04:32
  • 8: 文字列について
    02:39
  • 9: 変数をもっとやろう
    05:26
  • 10: 定数について
    03:19
  • 11: アレーの作り方
    06:16
  • 12: アレーの続き
    03:03
  • 13: いろんな値の書き出し
    04:49
  • 14: 多次元配列
    05:52
  • 15: 演算子とは?
    01:58
  • 16: もっと演算子
    09:35
  • 17: else/ifについて
    03:03
  • 18: フォーループス
    04:30
  • 19: whileループについて
    03:20
  • 20: スイッチ文について
    07:12
  • 21: PHPの応用編(フォームなどなど)
    12:48
  • 22: PHPの応用編(get/postなどなど)
    13:45
  • 23: データの挿入。
    10:00
  • 24: インクルード、リクワイヤードのファンクションとは?
    07:25
  • 25: 別ファイルのセクション
    17:18
  • 26: つづき
    09:11
  • 27: ファンクションの使いかた
    07:36
  • 28: グローバル変数、ローカル変数とは?
    03:09
  • 29: データベースの作成方法
    04:17
  • 30: つづき
    11:29
  • 31: もっとつづき
    05:47
  • 32: まだまだつづきます
    09:15
  • 33: DBとwebの連携
    18:15
  • 34: DBに値をいれていく
    14:05
  • 35: DBから値を外に出してみる
    10:44
  • 36: つづき
    13:52
  • 37: クルッドシステムについて
    20:15
  • 38: セキュリティーについて
    03:23
  • 39: HTDOCSの中身
    34:07
  • 40: webプロジェクトの続き
    16:50
  • 41: URLの使い方
    26:43
  • 42: 最後:)
    15:36
  • PHPガイドリスト1
    1 page
  • PHPガイドリスト2
    1 page
  • PHPガイドリスト3
    2 pages

  • Preview06:23
  • Preview03:26
  • 3: エレメンツとは何か?
    03:49
  • 4: CSSを加えたXMLとは?
    07:00
  • 5: prefix(定義)をしてみよう。
    06:49
  • 6: CDATAを理解しよう。
    02:55
  • 7: DTDについて。
    06:58
  • 8: スキーム (Schema)も知っておこう。
    10:04
  • 9: XSLTとは?
    14:23
  • 10: domの使い方。
    12:50
  • 11: getも知っておこう。
    09:23
  • 12: domの中身を編集してみよう。
    10:12
  • 13: domの中身を削除してみよう。
    17:05
  • 14: domの中身を新しく作ってみよう。
    12:07
  • 15: PHPと繋ぎ込みしてみよう。
    13:08
  • 16: RSSフィードを作ってみよう。
    11:39

  • Preview01:13
  • Preview07:05
  • 3: オブジェクトの使い方を知ろう。
    07:34
  • 4: evalというファンクションを覚えよう。
    09:06
  • 5: PHPと繋いでみよう。
    12:02

  • Preview03:28
  • Preview16:03
  • 3: AJAXとPHP
    06:04
  • 4: AJAXで作るLog IN
    14:38
  • 5: AJAXで作るLog IN 2
    15:12
  • 6: AJAXで作るLog IN 3
    08:22

  • Preview07:23
  • Preview11:12
  • 3: 様々なイベントの紹介
    13:46
  • 4: toggle 2
    08:29
  • 5: イベントを使ってみよう。
    04:26
  • 6: 追加でエフェクトを加えてみよう。
    05:42
  • 7: 添付のしかた。
    11:38
  • 8: PHPとの繋ぎ込みをしてみよう。
    19:10
  • 9: AJAXとの繋ぎ込みをしてみよう。
    16:24
  • 10: シリアル化をしてみよう。
    10:03
  • 11: APIとの繋ぎ込みをしてみよう。
    22:18
  • 12: アニメーションを使ってみよう。
    06:39
  • 13: メニューをつけてみよう。
    18:01
  • 14: UIという超便利な機能を活用しよう。
    08:44
  • 15: オートコンプリートとは?
    16:09
  • 16: オートコンプリートとは?2
    07:19
  • 17: ドラッグ&ドロップを作ろう。
    17:13
  • 18: ドラッグ&ドロップを作ろう2。
    16:04
  • 19: サイズ変更可能なBOXを作ろう。
    09:02
  • 20: ソートの使い方を覚えよう。
    16:55
  • 21: アコーディオンとは?
    10:04
  • 22: タブの作り方を覚えよう。
    20:50
  • 23: ダイアログについても知っておこう。
    16:35
  • 24: uploadifyという便利なツール。
    08:28
  • 25: uploadifyという便利なツール、その2
    14:53
  • 26: ファイナルプロジェクト、その1
    07:01
  • 27: ファイナルプロジェクト、その2
    13:13
  • 28: ファイナルプロジェクト、その3
    17:52
  • 29: ファイナルプロジェクト、その4
    14:33
  • 30: ファイナルプロジェクト、その5
    06:23
  • 31: ファイナルプロジェクト、その6
    15:27
  • 32: ファイナルプロジェクト、その7
    10:50
  • 33: ファイナルプロジェクト、その8
    15:23
  • 34: ファイナルプロジェクト、その9
    10:56
  • ファイナルプロジェクトソースコード
    1 page
  • jQuery参照資料
    15 pages

  • Preview02:09
  • Preview12:33
  • 3: つづき&セクション
    07:54
  • 4: つづきです
    17:44
  • 5: 属性セレクトについて
    08:36
  • 6: ここからは更に最新のHTML5&CSS3
    12:27
  • 7: CSS3
    11:10
  • 8: フレキシブルボックスの作り方。
    12:35
  • 9: 新しいデザインの使い方
    20:15
  • 10: ボックスについてもっと
    07:58
  • 11: 新しいプロパティー
    08:41
  • 12: 更に便利なCSS3
    08:07
  • 13: 陰と丸み。
    08:21
  • 14:文字の影とグラデーション
    07:56
  • 15: 変形とは?
    07:08
  • 16: アニメーションもやってみよう。
    07:09
  • 17: HTML5とJAVASCRIPT。
    08:52
  • 18:つづき
    04:57
  • 19: 新しいプロジェクト
    05:47
  • 20: ドラッグ&ドロップを作ってみよう。
    13:02
  • 21: 音も入れてみよう。
    03:55
  • 22: webストーレッジの概念を勉強しよう。
    05:18
  • 23: フォームのつづき
    11:59
  • 24: お疲れ様です。最後のレクチャーです。
    10:28

  • 43: ファイルのアップロードをしてみよう。
    13:24
  • 44: ファイルアップロード、その2
    14:54
  • 45: 登録ユーザーへemailを送ってみよう。
    15:03
  • 46: 登録ユーザーへemailを送ってみよう、その2
    15:16
  • 47: セッションについて
    14:04
  • 48: セッションについて、その2
    14:52
  • 49: セッションについて、その3
    24:32
  • 50: セッションについて、その4
    14:11
  • 51: 写真の更新、その1
    12:41
  • 52: 写真の更新、その2
    10:44
  • 53: 写真の更新、その3
    14:51
  • 54: 写真の更新、その4
    22:45
  • 55: 時間と日付をつけてみよう。
    10:39
  • 56: クッキーについて、その1
    21:31
  • 57: クッキーについて、その2
    19:26
  • 58: クッキーについて、その3
    08:15
  • 59: OOP (オフジェクト、オリエンテッド、プログラミング)に関して。
    09:08
  • 60: クラスとオブジェクトを学んでみよう。
    15:10
  • 61: パブリック、プライベート、プロテクテッドとは?
    09:39
  • 62: スタテックについて学んでおこう。
    10:25
  • 63: クラス、そしてコンスタンスも知っておこう。
    08:37
  • 64: コンストラクト、ディスラクト。
    07:41
  • 65: 例外(意図的なエラー)を作ってみよう。
    07:17
  • 66: Try & Catchを使えるようになろう。
    06:33
  • 67: 例外エラーをカスタムしてみよう。
    15:48
  • 68: SQL インジェクションとは?
    05:15
  • 69: XSSというハッキング手法に対抗。
    06:37
  • 70: コードの安全性を高めよう。
    09:04
  • 71: Base64という暗号方式も学ぼう。
    06:53
  • Crud-PHP ソースコード
    1 page
  • BONUS PRIZE
    00:19

Requirements

  • 基本的に必要なものはありませんが、PCとインターネットがあれば受講出来ます。

Description

アイディアを形にする為のWeb講座(日本語吹き替え版)

"HTML / CSS / JavaScript / MySQL / PHP / JSON / AJAX / JQUERY / HTML5 / CSS3"

  • 面白いアイディアを思いついた!でも、どうやったら作れるんだろう。。。?
  • なかなか技術者の人と話が噛み合ない、、、
  • 自分で何かサービスを作ってみたい!

でも、何から始めたら良いか解らない。。。

そんな方の為に作ったコースです。(本コースは全米ベストセラーの"Become a Web Developer From Scratch"の日本語吹き替え版です)。

本コースでは出来るだけ簡単に、web開発に必要な基本的知識の全てをビデオを使って説明していきます。もちろん解らない時にはいつでも質問でき、日本人インストラクターから直接返信が日本語で貰えるようになっています。

一個一個のビデオは5分〜10分程なので無理無く始められ、一通りやることで自分で考えたアイディアを簡単に形に出来ます。

まずはローコストでwebの事を勉強したいという方は是非お試し下さい。

(受講される前に以下の注意事項、用語集、リンク集をご確認下さい)

キャンペーン情報などはこちらで確認できます。


_______________________________

注意事項:

*ビデオの速度に関して*

吹き替え版、また初心者の方向けの為、ビデオがゆっくりに感じる方もいるかと思います。その場合にはビデオ右下のボタンから再生スピードを変更出来ますので、そちらで調整をお願いします。

*頂いた質問への返答に関して*

頂いた質問には出来るだけ24時間以内に返答出来るよう心がけておりますが都合により多少遅れる事も御座います。また3日経っても返事が無い場合は確認が出来ていない場合がありますのでお手数ですが再度ご質問頂ければ幸いです。

*30日の返金保証に関して*

Udemyではコースをご購入頂いた30日後までは無条件で全額返金を行っております。仮に思っていた内容とコースが違った場合はこちらの機能をお使い下さい。

*修正、訂正に関して*

本コースは技術やテクノロジートレンドに合わせて日々更新していきます。また、不明確な部分や間違いのある部分はご指摘の多い順に修正させて頂きます。皆様の声を元に随時更新しより良いものを作って行きたいと思いますので宜しくお願いします。

*ライフタイムアクセスに関して*

本コースは“ライフタイムアクセス"を導入しております。これはコースをなるべく多くの方が無理なく受講出来るよう。受講期間を一切儲けないという事です。一度受講されましたらその権利は一生使えますので特に更新や受講期限はありません。

*円ドル相場*

本コースはpaypal若しくはクレジットでの決済を推奨しております。コースの性質上表示がドルになっておりますが現在の換算レートはこちらでご確認下さい。

*用語集、リンク集*

用語に関して、吹き替え版の為、英語よりの表現を使っている事もあります。以下添付ファイルにて日本語表現の用語集を用意しましたのでそちらと照らし合わせる事で両方の表現を覚えてみてください。

本コースでは多くのリンクを推奨しております。以下添付ファイルのリンク集にまとまっていますので参照してください。

*なお、本コースの内容及び、料金体制等は予告無く変更される事があります事を予めご了承下さい。

Who this course is for:

  • web業界に興味のある方、アイディアマン、スクールは高いので安く勉強したい方、将来自分で起業したい方、等
  • 何かサービスを作りたいがプログラミングを外注したい方、若しくはβ版を自分で作りたい方。
  • 営業等の職種で技術者の方とのコミュニケーションが必要な方。
  • 現在技術者で自分の対応可能言語を増やしたい方。

Instructor

Victor Bastos
Web Developer, Online Instructor
Victor Bastos
  • 4.2 Instructor Rating
  • 4,176 Reviews
  • 89,763 Students
  • 9 Courses

I'm a passionate techie, always loved computers and technology in general. I've been coding websites since 2009 and in 2011 I became an instructor at Udemy, an emergent e-learning platform that eventually became the world leader of Online Education. In that same year I've put together an extensive programming course on Udemy covering web development from top to bottom, under the name "Become a Web Developer from Scratch", which still stands as one of Udemy top-sellers of all time.

In 2013 and 2014 I was basically a sensation all over the internet and became one of the most successful instructors online. My story has been covered on the Wall Street Journal, MIT Journal, Slate Magazine and the Sydney Morning Herald.

I'm now focused on creating more top-notch courses on Udemy and creating a great community for aspiring developers through my latest project OnClick Academy, an online coding school where users can learn web development and freelacing. I'm also the Founder and CEO of Web Labs, a company that creates and provides high quality tech courses for e-learning platforms, private schools and universities all around the world in different languages such as English, Spanish, Portuguese and Japanese.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.