ウェブ開発入門完全攻略コース - HTML/CSS/JavaScript. プログラミングをはじめて学び創れる人へ!

  • Overview
  • Curriculum
  • Instructor
  • Review

About This Course

Ruby on Rails7/MySQL/Bootstrap/AWS Cloud9/Git/GitHub等ウェブ開発に必要な様々なスキルを沢山学ぼう!カフェのウェブサイト、フォトギャラリー、ポートフォリオサイト、タスク管理アプリ等に挑戦!

プログラミングを学んで、ITエンジニアを目指そう!

このコースは、プログラミング初心者の方がプログラミングや関連スキルを1から学び、ITエンジニアを目指すためのコースです。

想定する受講生

  • 実務未経験からITエンジニアに転職したいですか?

  • 自らウェブアプリケーションを開発して公開できるようになりたいですか?

  • 駆け出しのウェブ開発者の方でさらにスキルアップしたいですか?

⇒ あなたの答えが1つ以上YESなら、これはまさにあなたが探しているコースです!


HTML, CSS, Bootstrap 5, JavaScript, MySQL, Ruby, Ruby on Rails 7, AWS Cloud9, GitGitHubを用いたWebアプリケーション開発の方法を総合的に学べます23時間超えの大型コースでお得に学べます。


☆☆コースの内容をしっかりと確認した上で受講をいただけるように、無料プレビューを30分公開しております。ぜひご覧ください!!☆☆


IT人材は、2030年に最大78万人不足すると経済産業省から発表がされました。

現在、ITエンジニアの転職市場は売り手市場です。また、自らWebアプリケーション開発ができるようになり、素早くアイディアを形にできれば、システム開発の費用が削減できて、起業への挑戦もハードルが下がります。

基本的なWebページの(HTML, CSS)の構築方法を学習したあと、画面サイズによって動的にレイアウトが変わるモバイルフレンドリーでレスポンシブ対応のWebサイトの作り方を学習します(Bootstrap)。

その後に、プログラミングを学習します。主にブラウザ側で動作させるJavaScriptと、サーバー側で動かすRubyを学習します。

よく使う機能が用意されていて、高速に開発が行えるWebアプリケーションフレームの使い方を学習します。スタートアップ企業でもよく使われるフレームワークを使用します(Ruby on Rails)。

Webアプリケーションを開発を行う上でキーポイントとなるデータを体系的に扱うデータベースの使い方を、学習します(MySQL)。

開発環境構築も丁寧に手順を追って説明します(AWS Cloud9)。

私は約10年の豊富なエンジニア経験があるとともに、初心者向けのプログラミング勉強会の講師や、エンジニア志望の大学生向けインターン講師、があるのが強みです。初心者の時によくつまずく箇所が分かっているので、講座では丁寧な解説をしています。

皆さんの今後の自己実現のためのお役に立てるコースとなれば幸いです。
それでは、皆さんとコースの中でお会いできることを楽しみにしております。


利用ソフトウェアとバージョン

下記を使用してWebアプリケーション開発を学習します。

  • HTML5 ・・・Webページの文章を構造化して記述

  • CSS3・・・Webページの見た目を整える

  • JavaScript (ES2015・ES6以降)・・・Webページを動的に操作することができるプログラミング言語

  • Bootstrap 5 ・・・よく使うWebぺージのデザインが簡単に設定できるCSSフレームワーク

  • MySQL 8.0・・・データベース

  • Ruby 3.0.2・・・サーバ側で動かすプログラミング言語

  • Ruby on Rails 7・・・Webアプリケーションを高速で開発するためのフレームワーク

  • AWS Cloud9・・・アマゾン ウェブサービスが提供するWebブラウザで動作開発環境(GitHub Codespacesの利用を試行中)

  • Git 2.13・・・ソースコードのバージョン管理

  • GitHub・・・Gitによるソースコード管理を行えるウェブサービス

  • Visual Studio Code ・・・テキストエディタ

  • Google Chrome ・・・ウェブブラウザ


【予告】学習トピックのメンテナンスについて

学習ニーズの変化に対応するため、サーバーサイドプログラミングに関する学習トピックの入れ替えを行う予定です。

  • 廃止トピック:Ruby, Ruby on Rails

  • 新規トピック:Node.js


詳細は、随時、受講生向けメルマガにてお知らせいたします。


Ruby、Ruby on Railsを学習したい方には、別のUdemyコース「はじめてのRuby on Rails入門-RubyとRailsを基礎から学びウェブアプリケーションをネットに公開しよう」をおすすめいたします。


学習環境について

  • パソコン(Mac または Windows)が必要。

  • 動画内ではmacOSを使用。Windows環境での学習については補足説明。

  • インストールして使うアプリケーションとして、Webブラウザ Google Chromeとテキストエディタ Visual Studio Codeを使います。MacでもWindowsでもOK。無料。

  • 一部のカリキュラムの開発環境には、AWS Cloud9というブラウザでWeb開発が行えるアマゾンのサービスを利用。無料枠で1年間学習可能。

  • アマゾン ウェブ サービス(AWS)のアカウント作成が必要で、メールアドレス、クレジットカード、電話番号の用意が必要(認証のためクレジットカード登録が必要ですが、無料枠内で学習すれば課金発生しません。課金の管理は自己管理にてお願いいたします。無料枠についてはコース内で説明いたします。)

  • GitHub 無料プラン


Q&Aコーナーのご利用について

  • 主に、カリキュラム通りに学習が進められない場合のアドバイスや、ディスカッションを行っております。

  • 本コースの内容を超えるご質問にはお答えできませんので、あらかじめご了承ください。

  • コース内で紹介する動作確認済みの手順以外は、サポート対象外とさせていただいております。


コースにご満足いただけない場合は?

  • 受講するか迷っていますか?30日以内返金保証制度があるため安心です(Udemy ウェブサイトよりコースをご購入の場合)


旧版のコンテンツ(古いコンテンツ)について

  • 学習中の方への配慮として、旧版のコンテンツを一定期間を視聴いただけるようにしていますが、メンテナンスとサポート(Q&A)は終了しています。使用バージョンが古くメンテナンスが困難なため、一定期間経過後に廃止します。




補足

  • ウェブ開発初心者向けの講座です。実務経験豊富なITエンジニアの方にとっては、物足りない可能性があります。

  • セクション「実践:ECサイトのコーディングをしよう」は、コースの難易度調整のために、β版のコンテンツとして試験的に公開中です。予告無く公開中止とする場合があります。

  • セクション「Rubyの開発環境構築をしよう」は、別のUdemyコース「はじめてのRuby on Rails入門-RubyとRailsを基礎から学びウェブアプリケーションをネットに公開しよう」とコンテンツを共用している部分があります。

☆☆☆お知らせ☆☆☆

セクション17 「新・Rubyの開発環境構築をしよう」にて、開発環境構築に利用するAWS Cloud 9の新規顧客アクセスが終了されました。取り急ぎ、コース内にて、代替の開発環境構築方法(GitHub Codespaces利用)についてレクチャー動画を公開しています。もしAWS Cloud 9が使える方は、取り急ぎの対応は不要で、そのまま受講いただけます。


更新履歴

  • 2024/4/9 セクションリニューアル「CSSの基本を習得しよう【第3版】」

  • 2023/12/19 セクションリニューアル「学習の準備をしよう【第3版】」「HTMLの基本を習得しよう【第3版】」「新・HTMLステップアップ編【第3版】」

  • 2023/8/15 動画確認済みのMySQLバージョンを8.0へ変更(旧:5.7)

  • 2023/7/22 レクチャー「Cloud9の基本的なセットアップをしよう」を最新情報へアップデート

  • 2023/5/31 レクチャー「IAMユーザーを作成しよう」を最新情報へアップデート

  • 2022/12/19 セクションリニューアル「新・Git / GitHub入門 - ソースコードのバージョン管理をしよう」

  • 2022/12/14 新規セクション試験公開「実践:ECサイトのコーディングをしよう」

  • 2022/11/9 新規セクション追加「CSSグリッドレイアウトでタイル状のレイアウトを作成しよう」

  • 2022/8/4 セクションリニューアル「MySQL入門」

  • 2022/7/4 セクションリニューアル「JavaScript入門」(ES5 → ES2015・ES6以降へ)

  • 2022/5/24 新規セクション追加「Flexboxの基本を習得しよう」

  • 2022/3/3 新規セクション追加「ウェブ開発の概要を知ろう」

  • 2022/3/1 セクションリニューアル 「Ruby on Rails」関連(Ruby on Rails7  へ対応。旧:Ruby on Rails 5)

  • 2022/3/1 動作確認済みのRubyバージョンをv3.0.2へ変更(旧:v2.5.0)

  • 2022/3/1 セクションリニューアル 「Rubyの開発環境構築をしよう」

  • 2021/12/22【β版・試験的公開】ポートフォリオサイト - 作品紹介サイトを制作しよう

  • 2021/10/07 HTMLの基本 のVisual Studio Codeのemmet設定のUI変更に対応(macOS, Windows)

  • 2021/5/28  セクションリニューアル「Bootstrap5でフォトギャラリーを制作しよう」

  • 2021/5/20 セクションリニューアル「Bootstrap」※Bootstrap5 対応

  • 2021/1/22 セクションリニューアル「CSS入門」

  • 2020/9/26 セクションリニューアル「実践:ウェブサイトのコーディング」

  • 2020/6/2 セクションリニューアル「HTML入門」「HTMLステップアップ」

  • 2019/6/25 「Atomの設定 不可視文字」 Windows版Atomの操作について補足

  • 2019/6/6 フォントオーサム公式サイトの仕様変更に対応

  • 2019/4/2 AWS請求アラートのUI変更(設定→Billling設定)に対応

  • 2019/1/29 「Rubyのバージョン管理 1」rvmの設定手順を一部変更

  • 2019/1/17 「AWS Cloud9による開発環境構築」セクション テキストエディタの設定レクチャーをアップデート

  • 2019/1/5 「AWS Cloud9による開発環境構築」セクションの、RVMインストール手順を修正

  • 2018/11/06 「HTML入門」セクションのコードの文字が小さい問題を修正

  • 2018/8/28 セクション8 Bootstrap 4入門の「ナビゲーションバー」 class指定について補足

  • 2018/8/8 実践:Webサイトのコーディング「CSSによるスタイルの設定 2」補足テロップ追加

  • 2018/6/15 レクチャー新規追加「JavaScriptのエラーを自力で解決するための方法」

  • 2018/5/22 動画アップデート 「コース紹介動画」

  • 2018/5/16 レクチャー新規追加 「リモートリポジトリからプル」

  • 2018/4/25 誤植修正 イントロダクション - Ruby入門

  • 2018/4/2  レクチャー新規追加「ビデオ速度の変更」

  • 2018/2/16 セクションを新規追加「Git/Git Hub入門」

  • HTML5、CSS3(Flexbox、グリッドレイアウトを含む)を使ってウェブサイトのコーディングができるようになります。

  • Bootstrapを使ってレスポンシブ対応のウェブサイトのコーディングができるようになります。

  • JavaScriptを使って動的なウェブサイトを開発できるようになります。

Course Curriculum

1 Lectures

48 Lectures

29 Lectures

39 Lectures

26 Lectures

1 Lectures

Instructors

Profile photo of 中村 祐太 Yuta Nakamura
中村 祐太 Yuta Nakamura

ITエンジニア / プログラミング講師. 株式会社プログラス 代表取締役. おかげさまで、Udemyでは20万人以上の方に受講して頂いております。現役の技術者. エンジニア歴は10年以上. プログラミングが好きになったのは、高校時代にゲームプログラミングにのめり込んだことがきっかけです。数々の開発プロジェクトに参画し、また、 勉強会やセミナーの講師に従事してきた経験も生かして、Udemyを使ったプログラミング教育に取り組んでいます。また、動画を使ってプログラミング入門から就職活動用のポートフォリオ制作までを体系的に学べるオンライン学習サービス「Proglus(プログラス)」、プログラミング学習オンラインメディア「プログラミング入門ナビ」、YouTubeチャンネル「中村祐太のプログラミング入門ナビ」など、教育系プロダクトの企画・運営にも多数従事しております。コース制作では, 受講生の皆さんが自己実現を達成できるように, わかりやすく説明し, 現場で使える内容を心がけております。Webアプリケーション開発、スマートフォンアプリ開発, インフラ構築・保守運用, ディレクション, PM, サービスグロースハック, 新規事業立ち上げ, 人材採用など, 会社員として経験を積んだ後に起業. ソフトウェア開発事業、教育研修事業、インターネットメディア事業等に取り組む.最近は、ChatGPT、OpenAI API等の生成AIをビジネスに活用する方法を研究中。東京都在住, 長野県出身.主な経験:Ruby (Ruby on Rails) , PHP(CakePHP, Symfony2, Laravel, WordPress), C# (.net)、データベース(SQL, MySQL, データベース設計)、Swift(iOS), Java(Android),  サーバ構築・保守(Linux, AWS, heroku), JavaScript(jQuery, Vue.js, Nuxt.js), Python, 開発ディレクション, PM, UI/UXDなど。インターネット広告,  マッチングアプリ, イベントチケットEC,   eラーニングシステム, 旅行EC, グルメサービス, 家計簿,  電子書籍, 業務会計システム, 棚卸管理システムなど.最終学歴:群馬大学大学院 工学研究科 博士前期課程修了

Instructors

Profile photo of Proglus (プログラス)
Proglus (プログラス)

東京都武蔵野市で活動する、社会人向けプログラミング教室 Proglus(プログラス)です。講師の中村祐太を中心メンバーとして運営しています。プログラミングをオンライン動画やセミナー形式により教えています。プログラミング学習を通して、受講生の皆さまの自己実現をサポートいたします。

Review
4.9 course rating
4K ratings
ui-avatar of 大槻文人
大槻文人
4.0
7 months ago

入り口のことが理解できたから。

  • Helpful
  • Not helpful
ui-avatar of e e
E E.
5.0
7 months ago

大ボリュームの講座で満足できる!分かりやすい講座で、理解しながら自らhtmlを作成出来るのは楽しい。udemyにスピード調整機能があるとは言え、初めて学ぶ者にとっては講師の思いやりあるスピードは有難い。余すところない内容なので、何度も何度も聞いて確認しています!

  • Helpful
  • Not helpful
ui-avatar of 史香 大向
史香 �.
5.0
7 months ago

最初は用語をすべて覚えなきゃと必死でしたが、まとめで「基礎はそこそこでいいから実務のためのページをサクッと作ってお金をもらいながら学ぼう」と言っていただけて肩の荷がふっと降りた気がします。
どうしても頑張りすぎてしまう性格のため、自分の中で折り合いをつけながら意識的に余裕を持つ練習もしようと思いました。

  • Helpful
  • Not helpful
ui-avatar of Lace Snow
Lace S.
5.0
7 months ago

書籍でよくわからなかったところを、動画だと一つずつ見れるので分かりやすく学習できた。

  • Helpful
  • Not helpful
ui-avatar of 野村 誠
野村 �.
5.0
7 months ago

初心者ですとても親切丁寧で分かりやすいです。

何度も見直しして覚えようと意欲がわきます。

  • Helpful
  • Not helpful
ui-avatar of 大川陽子
大川陽子
5.0
7 months ago

とても分かりやすかったです。これまで何度かHTML学習ツール、教本含めトライしたのですが、最後まで見れませんでした。
どうしてそうなるのか、もともとの概念から教えてくれてしっかり理解できたと思います。

  • Helpful
  • Not helpful
ui-avatar of 周麗韻
周麗韻
5.0
8 months ago

わかりやすかったです。

  • Helpful
  • Not helpful
ui-avatar of 田中恭佑
田中恭佑
5.0
8 months ago

認識の齟齬が生まれないように細かく補足を入れていただけているため

  • Helpful
  • Not helpful
ui-avatar of 青木 奨太
青木 �.
4.5
9 months ago

ステップバイステップでわかりやすく学べる

  • Helpful
  • Not helpful
ui-avatar of 泥谷 拓実
泥谷 �.
4.0
10 months ago

よかった

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses