基本的なフロントエンド開発を学ぶための10のYouTubeチャンネル
公開: 2021-01-14コーディングの学習がこれまでになく簡単になりました。
フロントエンド開発の基本をカバーする無料のチュートリアルがたくさんあります。 そして実際には、HTML、CSS、JavaScriptの3つの言語に要約されます。
また、書かれたチュートリアルの他に、YouTubeには無料のビデオチュートリアルがたくさんあります。 それらはあなたが見つけるために検索しなければならない素晴らしいチャンネルにほとんど隠されています。
以下にリストしたすべてのチャネルは開発に焦点を合わせており、開始するのに最適な場所を提供するはずです。 それらはすべて完全に無料で、さまざまな言語をカバーしており、フロントエンドのトピックを超えているものもあるため、全体的にバランスの取れたコーダーになることができます。
DevTips
Web開発コミュニティについて質問すると、DevTipsチャネルについての言及が常に表示されます。
たくさんのフロントエンドトピックをカバーする長いチュートリアルが満載です。 これらの一部には、バニラJSや新しいCSS3プロパティなどの基本が含まれています。
ただし、他のチュートリアルでは、Vue、React、Emberなどのより高度なフレームワークを使用します。
YouTubeアドベンチャーの最初の目的地として、ここで登録することを強くお勧めします。 これらのビデオは一流であり、興味のある主題を見つけることができるかどうかをチェックする価値があります。
LearnCode.academy
これが、何よりもフロントエンドコーダーに利益をもたらすと私が本当に思うもう1つのチュートリアルチャネルです。
LearnCode.academyは、非常に明確な指示で私が見た中で最高のビデオ品質のいくつかを持っています。 彼らはJSスクリプトと関連ライブラリで多くのことをしますが、Web開発セットアップの管理についてのビデオもたくさんあります。
これには、npmやBowerなどのパッケージ管理チュートリアルと、DockerやAWSなどのツールを使用したサーバー指向のトピックが含まれます。
4年以上前にさかのぼるビデオをフィーチャーしたバラエティに富んだすべての素晴らしいもの。
LevelUpTuts
ステップバイステップのチュートリアルの大ファンです。何をすべきか、なぜそれをしているのかを正確に示しているからです。
それはあなたがLevelUpTutsで見つけるものです。 これは開発トピック向けに作成された無料のチャンネルであり、主にWeb開発に焦点を当てています。
LevelUpTutsのYouTubeチュートリアルはすべて、最初から最後まで完全なガイドであり、永久に無料になります。
ネット忍者
Net Ninjaは、さまざまなフロントエンド開発トピックを提供する巨大なチャネルです。 それは主題ごとに組織された無料のチュートリアルの厳選されたリストで分派のウェブサイトに拍車をかけました。
これらの無料のビデオはすべて生涯無料であり、フロントエンドのコーディングに取り掛かるのに最適です。
TypeScript、Angular、Vue、ES6、およびBootstrapをすべて1か所からすばやく取得できます。
ビデオも高品質で、素晴らしいナレーションスタイルを備えているため、退屈することはありません。
トラバーシーメディア（TechGuyWeb）
Traversy MediaのYouTubeチャンネルは、間違いなく開発者にとって最高のチャンネルの1つです。
35万人以上のチャンネル登録者がいるため、これらの動画にはたくさんの魅力があります。 確かに、PHPやPythonなどの言語に関する多くのバックエンドトピックをカバーしているので、フロントエンドだけではありません。
フロントエンドのテクニックに関する確かなビデオもたくさんあることを覚えておいてください。 これらには、フロントエンドとバックエンドをAngularなどのフレームワークとマージするいくつかのビデオが含まれます。
Web開発作業を専門的に行いたい場合は、バックエンドコーディングを学ぶことは決して害にはなりません。
そのため、Traversy Mediaは、スキルレベルに関係なく、誰もがWebコーディングに参加するための必須のサブチャネルである必要があります。
コードコース
Codecourseチャンネルには、このリストに記載されている他のチャンネルと同じように、たくさんの無料動画があります。
Codecourseで私が気に入っているのは、メインサイトから動画に資金を提供する方法です。 つまり、必要に応じて、オプションのアップグレードを使用してYouTubeで無料のものをたくさん見つけることができます。
YouTubeだけで掘り下げることがたくさんあると思うので、それは本当に始めるのに最適な場所です。
ただし、GitやLaravelなど、ここで説明されている高度なツールがたくさんあるため、これらのビデオのコーディングに慣れていない場合は難しいかもしれません。
ウェス・ボス
開発者のWesBosは、オンラインでたくさんの素晴らしいチュートリアルを使って自分の名前を作りました。
無料のものもあれば、お金がかかるものもありますが、無料のものでさえ、非常に価値があります。
それはまさに、すべての視聴者に無料のフロントエンドコーディングビデオを提供している彼のYouTubeチャンネルにあるものです。 そして実際、これらは99％すべてのフロントエンドコードのようなものです。
しかし、これらのビデオを使用すると、CSSレイアウトとJS操作技術に焦点を当てることになります。 どちらのトピックも習得するのに非常に価値があり、常に新しい機能がリリースされています。
私はCSSグリッドプロパティの彼のビデオが特に好きです。なぜなら、その主題は非常に速く詳細になり得るからです。
LearnWebCode
簡単な開発チュートリアルが必要な場合は、サブの価値がある非常に単純なチャネルです。
LearnWebCodeは、フロントエンドコーディングについてのみ説明しています。 これには、Gitプロジェクト管理やcanvas要素を使用したSVGオブジェクトのカスタムコーディングなどの詳細なテーマが含まれます。 しかし、多くのタットは初心者レベルであり、それは素晴らしいことです。
開発スペースの変化する潮流に追いつくビデオの組み合わせを探しているなら、あなたはこのチャンネルを本当に好きになるでしょう。
プロの開発者でさえ、これまで勉強したことのないトピックに出くわす可能性があるため、あらゆるバックグラウンドのすべての人に最適です。
コード・ザ・ウェブ（ギャレット・ラブ）
ギャレットラブのYouTubeチャンネル「CodeTheWeb」は小さいですが、急速に成長しています。
ビデオページをチェックして、彼が提供するものと、ここで期待できる品質の種類を確認できます。
全体的に、このページはとても素晴らしいので、本当に満足しています。 フロントエンドコーディング以外のトピックについても掘り下げますが、HTML / CSS / JS側についても多くのことを話します。
さらに、フリーランスと着陸の仕事に関する短いアドバイスビデオと一緒に長いチュートリアル（20-60分）の良い組み合わせがあります。
コーディングを自分のキャリアにしたい場合は、このビデオライブラリをスキミングすることを強くお勧めします。
楽しい楽しい機能
最後は、14万4千人の加入者で私の個人的なお気に入りです：FunFunFunction。
チャンネルホストのMattiasPetter Johanssonが、JavaScriptコーディングに関する詳細な動画を最初から公開しています。 これは本当に、JavaScriptを上級レベルまで学習するための完全な初心者向けコースです。 すべて無料です。
基本関数や変数スコープなどのより一般的な初心者向けトピックに加えて、TypeScriptを使用した単体テストと練習に関するものがあります。
ここには多くのHTML / CSSのタットはありませんが、これはWeb用のJavaScriptに飛び込む人には最適です。