無料でコーディングを学べる20の場所

したがって、コーディングを学びたいが、正式なコースに登録する時間、お金、または忍耐力がない?


心配ない.

オンラインで無料のリソースがたくさんあり、自分のペースで、自分のペースで、学習スタイルに合った種類のコンテンツを使ってコーディングを学ぶことができます.

以下に、 最高の無料リソース20 コーディング方法を教えるために。ここでは、書面のチュートリアルやビデオチュートリアルから、習得したすべての新しいスキルを強化するコーディングの遊び場まで、さまざまなコンテンツが見つかります。.

無料でコーディングを学べる20の場所

次のいずれの場合でも、コーダーのすべてのレベルのオンラインリソースがあります。

  • 独自のウェブサイトを構築したい、自発的な事業主またはフリーランサー.
  • レパートリーに新しいスキルやプログラミング言語を追加したい熟練したWeb開発者.
  • コードへの理解を深め、設計/開発の原動力になりたいWebデザイナー.
  • 余暇にコーディングする方法を学びたい趣味人.
  • コースの作業を実践的なコーディングチュートリアルで補完したいコンピュータサイエンスの学生.

あなたが誰であるか、または無料のリソースを使用してコーディングすることを学ぶ際の目標は何でもかまいません。みんなのための何かがあります.

1. BitDegree(初級から上級)

BitDegreeステップバイステップのチュートリアル以上のものを探している場合, BitDegree 良い選択です.

BitDegreeを使用すると、HTMLやCSSなどの基礎から、BootstrapやPythonなどの高度なプログラミング言語まで、コーディング方法を確実に学習できます.

レッスンを進めている間、BitDegreeエディタで「試してみる」ことが推奨されます。

BitDegree Live Editor

これの良いところは、あなたが学んでいる言語で練習するだけではないということです。 HTMLとCSSの両方を含む上記のCSSの例のように、他のすべての言語ビルディングブロックが存在します。.

コーディングのレッスンに加えて、ユーザーは、Chrome開発ツールやGithubなどのWeb開発者が使用する主要なツールの概要を学びます.

包括的な教育を探している場合は、開発者としての生活を楽にするツールの使用方法を学ぶことが重要です.

2. CSSトリック(上級)

CSSトリックあなたが最初に中に入るとき CSSトリック ウェブサイトでは、ブログで迎えられます。コーディング(特にCSS)に関する記事から学べることはたくさんありますが、これらのほとんどは上級開発者向けのレッスンです.

とはいえ、CSS-Tricksには初心者向けガイドの専用セクションがあります。ここには20未満のCSSチュートリアルがありますが、それらを実行すると、すべてのユーザーにCSS(および一部のHTML)の強固な基盤が提供されます.

イントロチュートリアル以上の機能が必要な場合は、スニペットページをご覧ください。.

CSS-Tricksスニペット

コードスニペットは、いくつかの理由で役立ちます。まず、開発者が自分でコードを記述しなくても、新しい機能や修正をすばやく実装できるようにします。.

次に、コードスニペットは、言語の構文をよりよく理解するのに役立ちます。コードスニペットを使用するにつれて、言語のパターンを理解し、その結果、より快適に操作できるようになります。.

3. YouTubeのDerek Banas(中級から上級)

デレクバナスYouTubeデレクバナスのYouTubeページ 高度なWeb開発の学習に興味がある場合は、必見です そして 設計技法.

ほとんどの場合、最も人気があるのはデレクのコーディングチュートリアルですが、彼が長年にわたって作成してきたさまざまなビデオコレクションを一見する価値は間違いありません。.

デレクバナスのビデオ組織

各チュートリアルはよく構成されており、トピックを完全に、通常1時間未満でカバーします。誰かを観察することで最もよく学ぶ人にとって、これは本当に素晴らしいオプションです している リアルタイムのスキル.

注目に値するもう1つのことは、Derekが毎週2つの新しいチュートリアルを作成することです。さらに、視聴者やチャンネル登録者にリクエストを送信するよう依頼しているので、急いで何かを学ぶ必要があり、他で見つけることができない場合は、ここで入手できる可能性があります。.

4. freeCodeCamp(初級から中級)

freeCodeCamp

freeCodeCamp スキルをすばやくレベルアップして報酬を得たい初心者または中級のWeb開発者向けの確かなリソースです。.

アカウントを作成すると、freeCodeCampがトレーニングの開始に役立ちます。

freeCodeCampレッスン

それだけでなく、レッスンは論理的にグループ化されるため、コーディングの知識を段階的に追加できます。最終的には、認定だけでなく、見込み顧客に見せびらかせるより大きなポートフォリオを得ることができます。.

このWebサイトは開発者向けの教育リソースとしてブランド化されていますが、他のコーディングマニアが登録するのを妨げるものは何もありません。参加料はかかりません。また、秘密の開発者が話すレッスンは書かれていません。.

したがって、サイトのスタイルとレッスンの提示方法が好きな場合は(レッスンの所要時間の見積もりと一緒に!)、試してみてください。.

また、フォーラムにアクセスして、勝利を共有したり、質問をしたり、他の学生がレッスンを進めたりするのをサポートすることもできます。共同学習環境を好むなら、これは素晴らしいボーナスです。.

5.グリッチ(初心者から上級者向け)

グリッチのことを考える グリッチ コーディングの遊び場として。とは言っても、実験的なコードの行を記述する場所ではありませんが、開始する方法についてのいくつかの指針とともに、そのためのスペースを提供します。.

ユーザーは、GlitchやGithubのようなツールから作成されたWebアプリを活用して、既存のコードをリバースエンジニアリングすることで、基本を解き放ち、新しいスキルを学ぶことができます。.

ユーザーが他の誰かが作成したアプリを「リミックス」することを選択したときに何が起こるかの例を次に示します。

グリッチリミックス

ユーザーはすべてのファイルとアセットにアクセスできます。これらをまとめると、結果のWebアプリが作成されます。エディターを使用してファイルのコンテンツが変更されると、プレビューにそれらの変更が反映されます.

Glitchは「アプリ」を扱いますが、HTML、CSS、JavaScriptを使用してWebページをコーディングする場合も同じ手法が適用されます.

また、次のように、Glitchの「スターター」テンプレートに注意してください。

グリッチHTMLスターター

Glitchの他のアプリプロジェクトに似ています。ただし、サンプルの中にHTMLでコーディングを開始する方法についてのレッスンがあります。 JavaScript、Node、Bootstrapについては、他にもここにあります.

6. Google Developers(中級から上級)

Google Developers

Google Developers コーディング方法を学びたい人のための無料のリソースです より良い ウェブ体験.

ここでのキーワードは、ユーザーが基本的なことをあまり理解しないので、「より良い」です。実際、HTML、CSS、JavaScriptの実用的な知識を持ってこのサイトにアクセスする必要があります(このリストの他の多くのリソースから入手できます)。.

モバイルファーストウェブの構築にGoogleが重点を置いているため、このサイトはプログレッシブウェブアプリ(PWA)のコーディング方法を学びたい開発者に最適です。.

[コードラボ]タブに移動した場合は、「初めてのプログレッシブWebアプリ」というチュートリアルを探してください。.

これは、PWAとは何か、および30分未満でPWAを構築する方法をユーザーに教える、包括的でわかりやすいチュートリアルです.

初めてのプログレッシブウェブアプリ-コーディングを学ぶ

サイトの残りの部分をコーディングリソースとして使用する場合、ウェブサイトやウェブアプリの応答性、速度、さらにはセキュリティを改善する必要がある場合は、確かに使用できます。.

Googleの「ガイド」は、これらの最適化コードスニペットを取得するのに適した場所です。また、「サンプル」を探索して、CSSとJavaScriptを使用したより専門的なコーディング手法を学ぶことができます。.

7. HTMLドッグ(初心者)

HTMLドッグHTMLドッグ は、コーディングの基本を習得するのに最適な無料のリソースです:HTML、CSS、JavaScript.

このサイトには、初心者から上級者まで、コーディング言語ごとに9つのチュートリアルがあります。.

各レッスンでは、各言語について知っておく必要があるすべてを注意深く詳しく説明しています。途中で明確なコード例が含まれている-そして、あなたの側でそれらを再現する方法のヒントと同様に-これは、あなたがそれに慣れていない場合にコーディングのこつを得るための素晴らしい方法です.

ただし、HTML Dogは初心者向けコーディングチュートリアルのリソースではありません.

たとえば、テクニックのページでは、基本的なチュートリアルで許可されている以上の方法でWebページのスタイルを設定する方法をユーザーに教える.

一方、[例]ページには、Webサイトで操作するすべての重要な要素のコードスニペットの例が含まれています。

  • テキスト
  • リンク集
  • フォーム
  • リスト
  • 画像
  • もっと

HTMLドッグの例

参照ページは、使用しているコーディング言語の実際の構文を理解したい場合にも役立ちます。さまざまな値がフロントエンドに表示されるものにどのように影響するかを理解すればするほど、より強力なコーダーになります.

8. PluralsightによるJavaScript.com(初心者)

JavaScript Pluralsight

Pluralsight 上級コーダー向けのプレミアムeラーニングWebサイトです.

ただし、Pluralsightは初心者にWebの基礎の1つであるJavaScriptの概要を紹介する必要があると考えました。このように、上で提供されるチュートリアル JavaScript.com アクセスは無料です.

ユーザーがWebサイト内に2番目に入ると、学習が始まります。

JavaScriptチュートリアル

とてもシンプルなチュートリアルですが、各ステップの詳細な説明とコードの実践的な実装は、JavaScriptを使用してコーディングする方法を学ぶのに役立ちます。.

ユーザーがコースを完了すると、学習ページに便利なリファレンスガイドが表示されます.

ここでは、JavaScriptの構文と、その各部分が言語全体にどのように貢献するかについて、ユーザーが詳しく学びます。.

9.カーンアカデミー(初心者)

カーンアカデミー

カーンアカデミー すべての年齢のユーザーのための無料のオンライン教育リソースです.

アカデミーが提供するクラスのほとんどは小学生向けです。ただし、「コンピューティング」に関する小さなセクションがあり、ここで注意を向ける必要があります。

カーンアカデミーコース

コンピューティングにはいくつかのセクションがありますが、注意が必要なのはコンピュータプログラミングです。.

ここでは、HTML、CSS、JavaScriptを使用してWebサイトを構築する方法を学びます。各レッスンは、コンテンツの混合で提供されます.

  • ビデオレッスン(トランスクリプトと多言語クローズドキャプションが付属しています)
  • 簡単なヒント
  • コーディングの課題

使いやすく、魅力的です.

10. HTMLとCSSのコーディングを学ぶ(初級から中級)

HTML CSSのコーディングを学ぶJavaScript.comのように, HTMLとCSSのコーディングを学ぶ は、基本的なコーディング言語でコーディングすることをユーザーに教える無料のリソースです。ここでの焦点はHTMLとCSSです.

各レッスンは注意深くレイアウトされており、ユーザーにコードスニペットを提示するだけではありません.

各言語の用途から、言語のすべてのコンポーネントの動作まで、すべてが完全に説明されています。レッスンの軌跡も2つあります.

HTMLとCSSの紹介を終えたら、高度なレッスンに進むことができます.

高度なHTML CSS

ここでは、ウェブサイトに高度な機能を追加するだけでなく、一般的に高品質のコードを生成するコーディング戦略について学びます。高速読み込みページやモバイルレスポンシブデザインなどに重点が置かれているため、上級コースは非常に役立ちます.

各コースの下部には、推奨リソースのリストがあります。各トピックについてできるだけ詳しく学びたい場合は、これらの他のリソースを探索するのに時間をかける価値があります。.

11. YouTubeのLearnCode.academy(初心者から上級者まで)

LearnCodeアカデミーLearnCode.academyのYouTubeページ あなたがコーディングを学ぶための単なるトレーニングリソースではありません.

LearnCode.academyには、非常に優れたコンテンツの組み合わせがあります。.

LearnCodeビデオ

Web開発者にとって必須のツールに関するビデオのまとめがあります。 Webデザインのチュートリアルがあります。そしてもちろん、新しいプログラミング言語を習得することを中心としたチュートリアルがあります.

このリソースについて覚えておくべきことの1つは、実際には、他の種類のトレーニングの補足としてのみ機能することです。.

ここのコンテンツは一流です。ただし、新しいチュートリアルは定期的に作成されるわけではないため、ほとんどの時間を古いバックログに費やすことになります。これは、あまりに前に戻ると、古いコーディング手法を学ぶリスクにさらされる可能性があります。.

12. DataCamp(初心者から上級者)によるLearn [Language] .org

Pythonを学ぶDataCamp データサイエンスコース(基本的に、ビッグデータから情報を抽出して操作する方法を学ぶ)を専門とするeラーニングWebサイトです.

そのシリーズ 「学ぶ」ウェブサイト, ただし、コーディング方法を学びたい人は無料で利用できます。初心者から上級者まで、幅広い言語に対応しています。

  • HTML
  • JavaScript
  • PHP
  • SQL
  • パイソン
  • ルビー

各言語には、専用の一連のチュートリアルが付属しています.

このWebサイトの優れた点は、各言語の内訳とサンプルコードが提供されるだけでなく、下部にユーザーが作業できるスペースが提供されることです。

LearnJS演習

「演習の開始」をクリックすると、既存のコードを操作して有効な出力を作成する方法の説明が表示されます。サイトを終了せずに、リアルタイムで学習内容を練習したい場合は、これが良いオプションです.

13. MarkSheet(初心者)

マークシートマークシート 初心者向けの無料のHTMLおよびCSSコースです.

このコースでは、コーディングの基本を教えるだけでなく、ウェブ上で何かを構築する前に知っておく必要がある重要な情報についても説明します.

たとえば、「はじめに」では、Webに関連するトピック全体を取り上げています。ドメイン名の3つの部分と同様に、他のユーザーのブラウザーでWebサイトがどのように表示されるか、およびコードの記述と編集に使用できる一般的なテキストエディター.

ウェブサイトのコーディングを学ぶことは1つのことですが、舞台裏ですべてがどのように機能するかを理解することは、教育をまったく異なるレベルに引き上げます.

このコースを受講する場合は、十分な時間(少なくとも1時間)を割って、1か所で学習するか、3つの章の間で分割してください。

  • HTML
  • CSS
  • サス

Sassは実際には他の2つのような言語ではありません。その章では、ユーザーはプリプロセッサ(およびLess)がCSSを最初からコーディングする際の時間をどのように節約するかを学びます.

MarkSheetコードスニペット

このWebサイトには演習はありませんが、コード例は非常に堅牢で、選択したコードエディターでさまざまな操作を行うことができます.

14. Mozilla開発者(初級から中級)

Mozilla開発者から学ぶことはたくさんあります Mozilla開発者 ウェブサイト。ただし、最初は、さまざまなWebテクノロジのチュートリアルの実行に注意を向けます。

ここでは、HTML、CSS、JavaScriptを使用したコーディングに必要なすべての要素を学びます.

提供されたコードスニペットを試す場所はありませんが、Mozillaはサンプルをすべて共有しています GitHub それらにアクセスして使用する方法の詳細を提供しました.

Mozillaコード例

したがって、サイトでレッスンを行う前に、Githubがセットアップされていることを確認してください。.

あなたがウェブ開発者であるか、開発者としてのキャリアを始めようとしているなら、このサイトで使用する追加のリソースがあります.

まず、言語を習得することで教育を停止しないでください. Mozillaは次のようなことについてのレッスンも提供します。

  • Webアクセシビリティ
  • サーバー側のスクリプト言語
  • ブラウザのテスト

プログレッシブウェブアプリ専用のセクションもあります。 PWAをしっかりと紹介するだけでなく、独自のコードを作成するのに役立つコードスニペットを取得します.

15. YouTubeのネット忍者(初心者から上級者まで)

ネット忍者

ネット忍者YouTubeページ わかりやすいビデオチュートリアルでコーディングの最も複雑な概念を分解することに専念しています.

チュートリアルの構造と構成の優れている点は、コーディングの初心者でも初心者開発者でも、チュートリアルの多くが初心者向けであることです。.

ネット忍者ビデオチュートリアル

ただし、目的は常に同じです。視聴者/購読者がコーディングスキルをすばやく向上させ、重要なことを行えるようにします。.

このチャンネルにあるチュートリアルと再生リストは、実際にはこのリストにある多くのリソースと非常によく似ています.

コードの使用方法や新しい言語を習得する方法についてのレッスンを受けるだけでなく、すべてが重要である理由を説明する導入部を最初に取得します.

16.オーディンプロジェクト(初心者)

オーディンプロジェクトオーディンプロジェクト 高品質のWebサイトを構築するために必要なスキルをWeb開発者に提供することを目的としたオープンソースプロジェクトです.

レッスンごとに、以下が提供されます。

  • レッスンが重要である理由の紹介.
  • 学習成果の要約.
  • レッスンへのリンクがある課題.
  • この分野でのスキルと理解をさらに進めるための追加リソース.

レッスンを進めていくと、このリストの他のリソースと重複しているものがあることに気づくでしょう。たとえば、HTMLの基本レッスンでは、HTMLとCSSの学習方法のWebサイトに移動します.

ユーザーが得られるコーディングに関するレッスンだけではありません。 「採用」というレッスンがあります。

Odinプロジェクトの採用

新規開発者にとって、クライアントを獲得するのは難しい場合があります。ただし、これらのコースを完了することで、開発者は新しいWebサイトを構築し、サンプル作業としてGithubに公開する機会が与えられます。次に、この「採用」コースを完了すると、将来的に自分を採用できるようにするためのヒントが得られます.

17. SitePoint(中級から上級)

SitePointSitePoint Webサイトは、プレミアムWebデザインおよび開発電子ブックと、対象トピックに関する無料のブログコンテンツの組み合わせです。.

明確に言うと、SitePointは実際には初心者向けのWebサイトではありません。検索すると「紹介」の投稿が見つかりますが、それがこのサイトの優れた点ではありません.

SitePointは、基本的な「このコード行を記述してこの結果を得る」ことから先に進む準備ができているコーダーにとって優れたリソースです。ここでは、すでに持っているコーディングの知識を使ってクリエイティブになる方法を学びます.

さらに、ブログには便利なまとめがたくさんあります:

SitePointブログのまとめ

JavaScriptライブラリ、CSSフレームワーク、およびコーディングワークフローを改善し、より迅速に多くのことを行うために使用できるその他のツールに関する推奨事項が見つかります.

18. SoloLearn(初級から上級)

ソロラーンソロラーン このリストで唯一のモバイル(およびWebアプリ)であるため、外出先で学習するために使用できるものを探しているなら、これがそれです。.

SoloLearnを使用すると、ユーザーはHTMLとCSS、および高度なプログラミング言語でコーディングする方法を学ぶことができます.

これは、SoloLearnアプリ(デスクトップ上)に入ると表示されます。

SoloLearnアプリ

これは、基本的な構文から始まり、言語のさまざまなコンポーネントを通じて機能する、適切に構造化されたプログラムです。最後に、修了証を受け取ります.

コースの一部はクイズとして構成されています。次に進むには、各質問に正しく答える必要があります.

コースの他の部分は、コードスニペットを含む基本的なチュートリアルとして構成されています。

SoloLearnチュートリアル

学習しながらテストし、検証を受けたい場合は、ここにあるコース/クイズ/遊び場の組み合わせが強力です。.

19. W3Schools(初心者から上級者向け)

W3SchoolsW3Schools 「世界最大のWeb開発者サイト」と呼ばれており、実際にはかなり正確な説明です.

初めてコードを見る場合でも、熟練したコーダーでも、ここにはすべての人のための何かがあります.

学習に興味があると思われるコーディング言語はすべてここで説明されます。アイコン、グラフィックス、色などのWebサイトコンポーネントのコーディング方法に関するチュートリアルを利用することもできます.

ユーザーは各言語の目的の簡単な要約を受け取りますが、主な焦点は実践的なレッスンの開始です.

したがって、このサイトのチュートリアルを始める前に、どの言語に集中する必要があるかを確認してください。たとえば、基本をマスターしようとしているのであれば、Reactのようなものを学びたくないでしょう。.

どの言語を使用する場合でも、参照と演習の両方を同時に使用してください。.

W3Schoolsリファレンス

これらは、レッスンを強化するための参考資料となることを目的としています。このサイトを最大限に活用したい場合は、間違いなくそれらを活用してください。.

20. WebsiteSetup.org(初心者から上級者向け)

WebsiteSetup

WebsiteSetup.orgは、無料でコーディングを学ぼうとする人のための便利な教育リソースでいっぱいです。.

WebsiteSetupのガイドの多くは、WordPressを使用してWebサイトを構築およびカスタマイズする方法を示しています-最初からコーディングする必要がなく、それだけではありません。.

たとえば、利用可能なWebサイト開発のチュートリアル、ガイド、チートシートが増えています。

WebsiteSetup Web開発チュートリアル

これらのガイドの優れている点は、ユーザーにコーディングの基礎を提供するだけでなく、WordPressとの強い結びつきがしばしばあることです。そうすれば、コードやWordPressを選択する必要がなくなります。両方のベストプラクティスを学ぶことで、ウェブサイトの構築を最大限に活用できます.

従来のコーディングコースでは見つけられないWebsiteSetupから得られるもう1つのことは、コードを使用してWebサイトをデバッグおよび修正する方法です。 WordPressのエラーのトラブルシューティング方法のこの例のように.

このようにして、ウェブサイトの構築に使用することから、後でそれを拡張または修復することまで、コーディング方法についてより包括的な教育を受けることができます。.

要約

ご覧のとおり、上記のリソースには、コーディングスキルを学習および強化するためのさまざまな方法が用意されています。

  • 書かれたチュートリアル
  • ビデオコース
  • クイズ
  • コードスニペット
  • 遊び場のコーディング
  • ツールのまとめと開発戦略
  • もっと

これらの無料のリソースのいずれかを選択して、既存のスキルセットをコーディングまたは改善する方法を学ぶことの利点はそれだけではありません.

真に初心者でも、何年もコーディングをしていても、教育を完全にコントロールできます。自分のスケジュールで、自分のペースで、それに費やした時間のコスト以上のコーディングを学ぶことはできません。.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map