コーディング

【初心者→中上級者になる】Progateをやり終えた後にオススメ2選のUdemy

投稿日:2021年1月31日 更新日:

こんにちは。

上場企業でWeb担当をしている筆者です。
以前まではフロントエンドとして従事しておりましたが、ここ1.5年ほどはマネジメントをしております。

まだまだフロントとして未熟なのでこそこそ勉強しています。

誰に向けて書くのか?

さて、今回はProgateやドットインストールなどの基礎学習を終えて、完璧ではなくともなんとなくサイトっぽいものが実装ができるようになった方に向けて書きます。

おそらくこの記事を読んでいる方は、

・Progate終わったけど次何したらいいんだろ?
・基礎は理解できたが、もう少しレベルを上げたい
・今の状態では案件を受けるのには自信がない。。
・実際の現場ではどんな実装をしているんだろう?

と感じている方が多いと思います。

この記事ではプログラミング(HTML/CSS/JavaScript)初心者から中級者もしくは上級者になるための教材を紹介します。

オススメ教材

おすすめする教材は2つあります。
どちらもUdemyの教材です。

そもそもUdemyとはなんだ?

Udemyは世界最大級のオンライン学習プラットフォームで、世界中の学びたい人と教えたい人をオンラインでつなぐサービスです。 Udemyは米国Udemy,Inc.が運営するプラットフォームで日本ではベネッセが事業パートナーとして協業をしています。 C2C(consumer to consumer)により生まれる豊富で多彩な講座により個人の学習ニーズに応じた学びをみつけることができます

https://www.udemy.com/

要はオンライン動画学習サービスです。

今回オススメしている2教材に関しての注意点は両方とも外国人講師で英語で説明しています。

ただ日本語字幕もありますし、基礎内容の理解があれば実装で何をしようとしているのかわかります。

なので英語でも心配ないです。

教材その壱

【Advanced CSS and Sass: Flexbox, Grid, Animations and More!】

このコースはCSSの実装がメインの内容となっています。

Sass,Flexbox,Gridレイアウト、アニメーションについて実際に一緒に3つのサイトを実装しながら解説してくれます。

受講者は12万超え、しかも約28000人からの評価で5段回で4.8!

モダンなCSS実装の方法や、CSSがどの様に動いているのか、Sassのコンパイル方法などを細かく教えてくれます。
合計28時間の動画で、確実にあなたのコーディングの表現幅を広げてくれるでしょう。
カッコいいアニメーションを実装できる様になります!

教材その弐

【The Complete JavaScript Course 2021: From Zero to Expert!】

このコースはJavaScriptの内容になっています。
実は講師は一つ目に紹介した方と同じです。
タイトルからもわかるように、JSを完全理解できるようになるための教材になります。

受講者数は全世界で40万人、9.5万人からの評価は5段階中4.7!

トータル時間は68hとなっていますが、去年に完全リニューアルしたので約半分は過去の内容となっています。
したがって前半の半分を見れば問題ないです。

JSだけで38Hの内容です。
配列、ループ、ファンクション、プロトタイプ、Ajax、Webpack,,,,etc
ネイティブJSの全ての分野をめちゃくちゃ細かく解説してくれています。
こちらも実際にJSでアプリを3,4つ作りながら学んでいきます。

またJSがどの様に作動するか、どうやったら早く読み込ませることができるのか?モダンな書き方はどうするか、、等をじっくり、確実に学ぶことができます。
Vue.js、Angular.jsなどを学ぼうとしている方も、ネイティブJSの理解は必須になります。
ぜひチェックしてみて下さい!


自分がどの様に成長してきたかは下記をみていただければと思います。

プログラミングを独学で始めて3年間の成長ログ 【現役フロントエンドの振り返り】


まとめ

今回は2教材を紹介しました。
この二つをマスターできれば自信を持って実装ができる様になります。

私もこの2教材を何回も繰り返して学習しました。

教材の金額は高く感じるかもしれませんが、定期的にセールをやっていて、¥2000以下で購入できることもあります。

Udemyは様々な分野を学ぶことができますので、プログラミングだけではなく興味があるものはチェックしてみて下さい。

-コーディング
-, , , , , , ,

執筆者:

関連記事

CSS

【CSS】first-childとfirst-of-typeの違いは?lastもnthも同じ考え方

first-childとfirst-of-typeの違いです。この二つは似ているのでときどき混乱しますので詳しく解説します。last-childとlast-of-type、nth-childとnth-of-typeの違いもこの考え方と同じです。

sass

SCSSの基礎

SCSSの基本をまとめてみました。CSSで書くよりかなりスピードアップしますし、記述場所も明確でわかりやすくなります。

CSS

【CSS】hoverした時に別要素にアクションをさせる方法

今回はhoverした時に別の要素にアクションをつける方法を書きました。意外に躓くところなので、一読していただければと思います。脱初心者の為の内容となっています。

CSS

【CSS】outlineの特徴まとめ 〜borderとの違いまで〜

outlineとborderの違いについて書きました。今まではborderしか使っていなかったのですが、outlineの特徴を知れば、コーディングでできることの幅が広がります。脱初心者を目指して。

CSS

【CSS】repeating-linear-gradient 背景に格子・ストライプを表現する

コンテンツ背景に格子状のデザインやストライプのデザインを背景に引く方法をお教えします。

me

Taka

学生時代にアメリカ(サンフランシスコ)とカナダ(トロント)にそれぞれ約1年間づつ住んでいました。特にサンフランシスコではシリコンバレーに訪れた際にITの素晴らしさに触れ感動しました。IT業界で働くと決心した瞬間でもありました。現在はWeb制作に携わる会社員です。