どうも、つよぽん(@tsuyopon_xyz)です！
この度、「Hacks」シリーズを手がける迫 佑樹さん(@yuki_99_s)と一緒に、「Webフロントエンドエンジニアを目指されている方向け」に、フロントエンドスキルを体系的に学べる講座「Front Hacks」を作成しました^^
今回の記事では、その「Front Hacks」の紹介をしたいと思います^^
目次
Front Hacksは誰向けの講座？
Front Hacksは主に「Webフロントエンドスキルの基本を身に着けたい方」を対象としております。
具体的には以下のような方が対象となります。
- Webフロントエンドエンジニアを目指している方
- 完全未経験で、HTML,・CSS・JavaScriptの基本から学習したい方
- 現在Webデザイナーで、フロントエンドのコーディングや、JavaScriptを使った動的なWebサイトを作れるようになりたい方
- JavaScriptの基礎力を身につけたい方
- JavaScriptのコールバック関数や非同期処理など、フロントエンドJavaScriptで欠かせないスキルを身につけたい方
- jQuery、jQueryプラグインの基本的な使い方を身につけたい方
- Node.jsの基本操作を身につけたい方
- React、Reduxなどのモダンな開発スキルを身につけたい方
- JavaScriptでテストを書く方法を身につけたい方
- 現在はバックエンドエンジニア・インフラエンジニアで、フロントエンドスキルも身につけたいけど、どのようにして学習を進めれば良いかわからない方
上記の通り、JavaScriptの知識を基礎から応用まで身につけられるような構成で講座を用意しております^^
Front HacksのJavaScriptの講座を一通り学習して、React, Reduxまで身につければJavaScriptスキルがだいぶ身につき、「自走力」「自己解決力」が身につきます。
「自走力」「自己解決力」が身に付けば、React以外で人気のフロントライブラリである「Vue」であったり、Node.jsのバックエンドWebフレームワークであるexpressなどを使って、サーバーサイドの開発も出来るようになります^^
この「自走力」「自己解決力」がWebエンジニアとして働く上では重要なスキルになるので、これらが身についたらWebエンジニアとして「就職・転職」するのも難しくないことでしょう。
Front Hacksが提供しているコンテンツ
Front Hacksが提供している具体的なコンテンツは以下のとおりです^^
(約350本の解説動画とスライド + オンライン勉強会の動画(対話形式))
- Slackによる無制限の質問サポート
- 01章 はじめに(動画3本)
- 02章 事前知識編(動画2本)
- 03章 HTML初級編(動画8本)
- 04章 HTML中級編(動画10本)
- 05章 CSS初級編(動画11本)
- 06章 CSS中級編(動画6本)
- 07章 Bootstrap編(動画8本)
- 08章 JS入門前編(動画2本)
- 09章 JS入門編(動画4本)
- 10章 JS基礎文法編(動画7本)
- 11章 JS関数編(動画10本)
- 12章 JS配列編(動画11本)
- 13章 オブジェクト編(動画9本)
- 14章 オブジェクト指向編(動画11本)
- 15章 DOM操作編(動画13本)
- 16章 非同期処理編(動画20本)
- 17章 jQuery編(動画11本)
- 18章 プラグイン編(動画5本)
- 19章 Node.js編(動画10本)
- 20章 テスト編(動画11本)
- 21章 React編(動画26本)
- 22章 React Router編(動画15本)
- 23章 Redux編(動画15本)
- 24章 ReactRedux編(動画14本)
- 25章 redux-thunk編(動画11本)
- 26章 Git編(動画14本)
- 27章 GitHub編(動画7本)
- 28章 Vue編(動画32本)
- 29章 Vue Router編(動画20本)
- 30章 Vuex編(動画26本)
コンテンツは今後も追加する予定です^^
Front Hacksの受講者の声&口コミ（一部抜粋）
早速受講してみたけど、分かりやすさと質問対応力半端ないって
フロントエンドエンジニア目指している人はこれ一択で十分かと
未経験者はもちろん、経験者にもおすすめできる、圧倒的コンテンツ力#フロントハックス#スキルハックス https://t.co/7L956TsKIP
— TOSHI@20歳年の差婚エンジニア (@toshi104012) December 8, 2019
#FrontHacks でHTML部分の学習完了！
噂に違わぬコンテンツの質で@tsuyopon_xyzさんの説明のわかりやすさたるや！HTMLはProgateで学習済みなのでサッと進みましたが、今までふわっと捉えていた基礎部分がカチッとハマりました！
爆速で積み上げていきます！@yuki_99_s #今日の積み上げ— ゆいと@NoSide Vlog (@NosideVlog) December 9, 2019
フロントエンドの勉強し始めて思うことは
サーバーサイドの仕組み理解も必要ってこと例）Twitterログイン画面を例にformタグの学習時
・過去：文法理解→次へ
・今：ログインID入力後どの値が
Twitterのサーバーに送られているかまで理解これらを網羅的に勉強できてる #FrontHacks は
投資価値🙆— HIRO@しば犬フェイス (@HIROYUKIUENO4) December 13, 2019
この度、web制作会社のフロントエンドエンジニアとして、内定をいただきました！
初の転職で不安でしたが、#FrontHacks@yuki_99_sさん@tsuyopon_xyzさん
転職note作者@takaIT3さん
友人達
妻
いろんな人に助けてもらいました。
ありがとうございました！#駆け出しエンジニアと繋がりたい— 後藤しょう/web制作 (@gottu91) March 9, 2020
#FrontHacks で「【エクササイズ】JavaScriptのコールバック関数・即時関数の理解度チェック」を完了しました！
まだ理解が浅い部分もあるけど、少しずつ慣れてきた。何よりつよぽんさんの質問への回答が早くて、期待してる数倍の情報量で答えをくれるのですごく助かる。@yuki_99_s @tsuyopon_xyz
— しか @現役銀行員/プログラミング勉強中 (@bankman5111) March 11, 2020
買い切りでJavaScriptの基礎から学べてReactも学べるのに、Vueまで学べてしまう、加えて質問もできる教材！
もはやフロント言語を学ぶ為の教材はFrontHacks一択だと思います✨✨#FrontHacks https://t.co/A4xg18McRF— Taiki@カナダ現地就職目指し中🇨🇦 (@tylife0897) March 13, 2020
昨日のFrontHacksの相談会でつよぽんさんがどうやってググってるのかを生で見れたのは貴重だった。
ほとんど英語のドキュメントだったから、少しずつ英語に慣れていかないとなと思った。— Yuki Shoda (@YukiShoda) March 24, 2020
JavaScriptを学ぶなら、#FrontHacks
非常に勉強しやすい。
何より有難いのは、つよぽんさん@tsuyopon_xyzに何でも質問できること。
本当にレスポンス速いし、説明も丁寧だし、アドバイスも的確。
毎回、質問してよかった、と思わせてくれる。
選んでよかった！
これからももっと勉強していきたい！— AKI@ JavaScriptに特化したWebエンジニアになる “旅×プログラミング×英語” (@gorinesia) July 1, 2020
#FrontHacks で「関数の戻り値(返り値)とは」を完了しました！@yuki_99_s @tsuyopon_xyz
Front Hacksわかりやすすぎて質問できるslack活用できてない😂
— ユウ@フリーランス大学生 (@youscode402) July 12, 2020
Front Hacksのさらなる詳細を知りたい方へ
Front Hacksをもっと知りたい方は以下のボタンから詳細ページに飛べるので、そちらの方もご確認いただけたらと思います^^