HTML5・JavaScript研修 一覧

HTML5が正式に勧告され、いよいよHTML5を活用したWebアプリケーションの増加も本格的になっています。
ユーザ要求は高度に、そして、Webフロントエンドのアプリケーションは大規模になり、JavaScriptやそのライブラリだけでなく、JavaScriptフレームワーク(React/Angularなど)の活用が必須となるアプリケーションが増えてきました。
これを機に、『インタラクティブで使い勝手の良いユーザインターフェースを持つWebアプリケーションの開発ノウハウ』を身につけてみませんか?

コースフロー


HTML5・JavaScript研修

初歩から学ぶHTML5/CSS3入門 JavaScriptで学ぶ初めてのプログラミング jQueryによるAjaxアプリケーション開発-REST、JSON、WebSocket- しっかり学ぶモダンJavaScript-関数、モジュール、DOM、ECMAScript2019- JavaScript応用-HTML5API活用編- Angular入門 React/Redux開発入門 Vue.js入門 React Native入門 Node.js入門-サーバーサイドJavaScript- Vue.js&Node.jsによるSPA開発ワークショップ -REST、テスト、TypeScript-


HTML5・JavaScript研修

初歩から学ぶHTML5/CSS入門 JavaScriptで学ぶ初めてのプログラミング しっかり学ぶモダンJavaScript JavaScript応用 お使いのフレームワークへ(Angular入門、React/Redux開発入門、Vue.js入門) 初歩から学ぶHTML5/CSS入門 JavaScriptで学ぶ初めてのプログラミング Javaプログラミング入門 Javaプログラミング基礎 しっかり学ぶモダンJavaScript Angular入門 Javaプログラミング入門 Javaプログラミング基礎 基礎からのSpring BootによるWebアプリケーション開発

HTML5・JavaScript研修 一覧

初歩から学ぶHTML5/CSS3入門

セット販売対象コース

HTMLとCSSの基礎体系を一日で学べる速習コースです。

本コースは、今までなんとなくHTMLやCSSを書いてきた方向けに、ハンズオン形式で入力と動作確認を行いながらHTMLとCSSの基礎体系を一日で学習できるコースです。
Web標準に準拠した形でHTML5とCSS3の基礎となる考え方から主な機能の紹介・ページ内のレイアウトの方法まで学習していきます。
このコースを受講することでWeb標準を意識した簡単なWebページを記述できるようになり、市販の書籍やWeb上の参考情報を、自ら調べ適用できるようになります。
JavaScriptで学ぶ初めてのプログラミング

セット販売対象コース

プログラミングに挑戦したい、プログラミングを初めて学びたい、そんな方のためのコースです。

本コースはプログラミングが初めての方を対象とし、JavaScriptを教材として進めるプログラミング入門コースです。
プログラミングの考え方や、大切な用語「変数」「繰り返し」「条件分岐」「配列」を理解できるように、実際にプログラムを入力し動かしてみて学習していきます。
そして一通り学習したあとは、その知識を定着していただくために課題を数問出しますので、ご自宅で取り組んでいただきます。出来上がった課題は提出いただければ採点いたします。
ぜひこの機会にプログラミングを身に着けましょう!全力でサポートさせてください。
※JavaScriptの文法を網羅的に解説するコースではありませんのでご了承ください。網羅的な解説が必要な方は別コースの「しっかり学ぶモダンJavaScript -関数、モジュール、DOM、ECMAScript2019-」をご受講ください。
しっかり学ぶモダンJavaScript
-関数、モジュール、DOM、ECMAScript2019-

セット販売対象コース

新しいJavaScriptを体系的にしっかり学べる二日間のコースです。

本コースは、ECMAScript 2015から2019までに導入された新文法・新機能を前提に、JavaScriptプログラミングの基礎や特徴的な考え方を、ハンズオンと演習を通して体系的に学習していくコースです。
JavaScriptの大きな要となる関数についても、一章まるまる使って丁寧に説明しております。そしてnpmやwebpack等のJavaScriptを本格的に使っていく上で必須なツールについても学習することができます。
このコースを受講することで、モジュールに分割されたJavaScriptアプリケーションを作成できるようになり、規模の大きなアプリケーションを作る上での礎を築くことができます。
本コースは、他のプログラミング言語の経験者の方で、JavaScriptをこの機会にしっかりとマスターしたい方、過去にJavaScriptをやっていたけど改めて新しいJavaScriptを再学習したい方に、おすすめのコースです。

本コースは、「JavaScript入門 -ECMAScript 2015~2017対応-」の改訂版です。
   2019年9月以前にお申込みいただいた場合、お申込み時とコース名が異なる場合がございます。
JavaScript応用
-HTML5 API活用編-

セット販売対象コース

HTML5 APIとJavaScriptでどのようなアプリケーションを作成可能かイメージできるコースです。

本コースでは、基礎的なJavaScriptは習得済みの方向けに、HTML5 APIの主要な機能をハンズオン形式で動作確認しながら学習していくコースです。これによりHTML5 APIを利用してどのようなアプリケーションを作成可能かイメージが持てるようになります。
また新しく標準化されたHTTP通信技術(Fetch API)・非同期処理技術(Promise,async/await)・Service Worker/Cacheについても解説しますので、JavaScript関連の最新技術も一緒に学ぶことができます。
このコースを受講することで、HTML5 APIの主要な機能を使ったJavaScriptアプリケーションを作成できるようになります。
jQueryによるAjaxアプリケーション開発
-REST、JSON、WebSocket-

jQueryを使ったAjaxアプリケーションの基礎を学べるコースです。

本コースは、jQueryについて学習したい方や、初めて本格的にJavaScriptを使った開発に携われる方向けに、ECMAScript2015を取り入れたJavaScriptの特徴からjQueryの基礎からAjaxの利用方法までを、ハンズオンと演習を通して学んでいくコースです。
また双方向通信を実現するWebSocketの取扱についても学習し、簡単なチャットシステムを作成することができます。
さらに、このコースを受講することで、jQuery・Ajax・WebSocketを利用したWebアプリケーションを作成できるようになります。
本格的にJavaScriptを使ってアプリケーション開発を始めたい方におすすめするコースです。
Angular入門

JavaScript最先端のAngularとTypeScriptをハンズオン形式で一気に学べるコースです。

本コースは、基礎的なJavaScriptは習得済みかつこれからAngularを採用して業務アプリケーションを開発していく方向けに、Angularの概要や基本的な作成方法を学んでいけるコースです。
学習方法としてハンズオン形式で随時PCでの入力と動作確認を行いながら進めますので、より実感を持ちながら理解することが可能です。またAngularを使うにあたって必須となる、TypeScriptの文法もおよそ一日間を使ってじっくり学習していきます。
コースの後半では、RxJSやサーバーサイドとの連携、ルーター(画面遷移)など、本格的なアプリケーションを作成するための足がかりとなる技術も取り上げます。それらの技術を使って、サーバーサイドとの連携や画面遷移を含む基礎的なアプリケーションを作成できるようになります。

※本コースは、「Angular」(旧称Angular2)を対象としており、「AngularJS」(ver 1.x系)についてコース内では全く言及しておりません。今一度ご自身が学びたいAngularが何かをご確認の上、お申し込みくださいますようお願い申し上げます。
Vue.js入門

今注目の親しみやすく高性能なVue.jsを学べる二日間のコースです。

Vue.jsは、オープンソースで開発されているユーザインターフェース向けのJavaScriptライブラリです。
これまでのフロントエンドJavaScriptのフレームワークの良いところを取り入れており、生産性と拡張性を兼ね備えた現実的なJavaScriptライブラリという特長があります。
このコースでは、JavaScriptの学習経験がある方に向けて、Vue.jsの段階的な導入方法・基本的な作り方・コンポーネントの作成・サーバーサイドとの連携・画面遷移(ルーター)までを、随時ハンズオンと演習を織り交ぜながら学んでいきます。その過程で、webpackを使ったVue.jsアプリケーション開発のための環境設定方法も学べます。
このコースを受講することで、サーバーサイド連携や画面遷移を行える基礎的なアプリケーションを作成できるようになります。
React/Redux開発入門

Webサービスにおいて広く利用されているReactとReduxの両方の基礎を演習を交えて一気に学べるコースです。

Reactは、Facebook製のUI構築用JavaScriptライブラリです。他にはない先進的な開発アプローチ(JSX・VirtualDOM・データフロー)を採用しています。
このコースでは、JavaScriptの学習経験がある方に向けて、Reactの導入方法から基本的な作り方・コンポーネントの作成・サーバーサイドとの連携・画面遷移(ルーター)までを、随時ハンズオンと演習を織り交ぜながら学んでいきます。
このコースを受講することで、サーバーサイド連携や画面遷移を行える基礎的なアプリケーションを作成できるようになります。
React Native入門

JavaScriptを使ってiOS・Andorid両対応のアプリを開発できるようになるコースです。

本コースでは、JavaScriptおよびReactの経験者向けに、React NativeとExpoの概要・基礎的な利用方法・画面のスタイルやレイアウトの設定方法・サーバーサイドとの連携をハンズオン形式で学んでいくコースです。
ハンズオンで作成したアプリは、こちらでご用意した実機にて動作確認ができるため、理解を深めることができます。
このコースを受講することで、iOS・Andoirdの両プラットフォームに対応した基礎的なアプリケーションを作成できるようになります。
React Nativeを利用したスマートフォンアプリ開発を行う予定の方におすすめするコースです。
Node.js入門
-サーバーサイドJavaScript-

現在、急速に利用が広がっているNode.jsを演習を交えて学習するコースです。

本コースは、Node.jsとその関連技術を、演習を交えて学習するJavaScriptやサーバーサイド経験者向けのコースです。
Node.js用のWebアプリケーション・フレームワークExpressの導入や、JavaScriptと親和性の高いMongoDBへのアクセス方法・WebSocket・認証の実装・WebAPIの構築などもご紹介します。
このコースを受講することで、MongoDBと連携し基本的なデータ入出力を行え、ログイン機能も持ったサーバーサイドアプリケーションが作成することができるようになります。
なお、本コース内で使用するJavaScriptはECMAScript 2015以降の新しい文法の利用が基本となっておりますので、ご注意ください。
Vue.js&Node.jsによるSPA開発ワークショップ
-REST、テスト、TypeScript-

JavaScriptでフロントエンド(SPA)とサーバーサイド(REST API)を一気通貫に開発する手法を能動的に体験できるワークショップコースです。

一つの小規模なSPAアプリケーションをグループで作成するワークショップを実施します。
利用する技術として、習得しやすく高機能なVue.jsとサーバサイドで定評あるExpressを利用します。
実施の際には、設計に関するディスカッションや、グループで協力して実装を行うなどを取り入れる予定です。
当コースはワークショップですので、ディスカッションの時間や設計/コーディングの時間をなるべく多く取る予定です。
グループで話し合いながら実装を進め、より充実した学びの時間を取っていきたいと思います。