JavaScriptスキルを向上させるためのトップ25の無料JavaScriptチュートリアル

フロントエンドプログラミングは2015年も上昇を続けており、2016年にはフロントエンド言語のもう1つの大きな成長フェーズを予測することしかできません。何百万もの新しいWebユーザーがつながり、最終的にはすべてのユーザーがコンピューターサイエンス、Web開発について学びます。 、特にプログラミング。 JavaScriptは、Javaのような昔ながらの古典を超えて、プログラミング言語ライブラリのリーダーとしての地位を確立しています。 JavaScriptはピークに達していると言う人もいますが、JavaScriptにはまだ上昇の余地があり、プログラミング言語の選択を支配していると感じています。

ECMAScript 6はすでに本格化しており、誰かがES6について、そしてそれが新しい経験豊富なJavaScript開発者のために何をもたらすかについて書かない日はありません。 JavaScriptの未来は、どちらにとっても素晴らしいものです。 Webおよびソフトウェア開発者。 ハードウェアとソフトウェアのエンジニアリングは、特にNode.jsのような人気のあるフレームワークを使用することでJavaScriptが支配的であると見なされる2つの新しい分野です。JavaScriptは刻々と新しい市場に到達しており、多くの言語が追いつくのが難しいと感じています。コミュニティの力JavaScriptの背後には、他の言語の方が優れていることを示唆する可能性のある多くの論理的および合理的な議論が大きくなりすぎています。 何かを分析して、それが次の仕事に適しているかどうかを確認するには、いくつかの正直な質問をすることになります。

プログラミング言語としてのJavaScriptは、持続可能で、強力で、信頼性が高いことが世界に証明されています。 JavaScriptの学習は、これまで以上に興味深く、フルタイムとフリーランスの両方で多くの仕事があり、GitHubで取り組むべき多くの興味深いプロジェクト、JavaScriptコミュニティからの新しい記事とチュートリアルの絶え間ない流れ、言語エコシステムは非常に健全です、結局のところ、非常に役立ちます。 過去2〜3か月間に公開された数十のJavaScriptチュートリアル記事を参加させ、記事の品質が最新のJavaScriptのヒント、コツ、そしてもちろん標準に沿っていることを保証することで、コミュニティの側面に貢献したいと考えています。 、ES6など。

ECMAScript6での次世代の再利用可能なJavaScriptモジュールの作成

Jim Cowartは、ES6を理解するために多くの時間を費やし、開発者がより良く、より速く、より弾力性を持って構築するのに役立つ最も秘密の癖や特徴を解明しようとしています。 この記事の主な目的は、新旧のWeb開発者がES5コンテキスト内で使用できるES6ライブラリを構築できるようにすることです。つまり、ジムは、Babelを使用してES6ライブラリを完全に機能するES5ライブラリに変換する方法についても説明および示します。これを行う理由は、Webブラウザがまだ新しい標準に追いつくことを試みているためです。 ライブラリを再利用可能にし、他の開発者が簡単に操作できるようにするために、ジムはモジュールに重点を置き、実際に正しいと感じる方法で、ほぼすべてのモジュールを提供しています。

D3.jsでデータを視覚化する方法を学ぶ

データの視覚化は、Webの成長、テクノロジーによるビジネスの成長、および一般的なデータサイエンスの目的において、これほど重要なものではありません。 また、非常に具体的であるため、常に合法であるとは限りませんが、地球上で最も有名なメディアサイトのいくつかの注目を集めるような視覚化を作成しているのは非常に才能のある人のほんの一握りです。 データの視覚化は、単純なデータセットの視覚化、Webサイトのパフォーマンスの分析、分析データの詳細などに役立ちます。

何年にもわたって、JavaScriptは、ブラウザー内のデータを効果的かつ正確に操作したいデータサイエンティストの間で人気があります。 2011年にD3.jsがリリースされて以来、このライブラリは競合の可能性を超えており、複雑なデータサイエンスタスクを実行するための複雑なツールを必要とするJavaScript開発者の一般的な名前です。

フロントエンドアプリケーションライブラリとコンポーネントアーキテクチャ

Cody Lindleyは、最も人気のあるJavaScriptフレームワークとライブラリ内のネイティブJavaScriptコンポーネントがすべて同じになる方法を開発者が学ぶのに役立つ、チュートリアルのように機能する意見のあるJavaScript記事を作成しました。 この概念を理解すると、フレームワークまたはライブラリのどちらを使用するかを簡単に選択できるようになります。これは、前回とほぼ同じコンポーネント構造を使用するため、新しいことを学ぶのにそれほど手間がかからないことに突然気付くためです。フレームワーク。

2016年のReact.jsのベストプラクティス

Reactは、2015年にニュースで話題になりました。これは、コミュニティが過去数年間で見た中で最も急速に成長しているJavaScriptライブラリであり、毎日数十万人の開発者によって現在も積極的に使用されています。 Reactを使用すると、作業中のプロジェクトの他の側面に干渉しないネイティブUIインターフェースを非常に簡単に構築できるため、ある意味でReactを使用してUIを構築したり、Reactを使用して自分でUIを構築したりできます。より良いUI、そしてどの時点でもReactはメインライブラリの役割を引き受けず、代わりにあなたがそれを要求したときにのみ機能します。 それはすべて単純に聞こえますが、まだ学習曲線があり、RisingStackのCTOであるPeter Martonは、彼自身の観点から、Reactのベストプラクティスについてすべてを語っています。

Emberは初めてですか？ ここから始める！ （2016チュートリアル）

私たちはすでにEmberについての意見を確立しています。これは、最近の記事の1つにぴったりの最新のWeb開発フレームワークです。 最高のJavaScriptフレームワーク。 Emberを使用すると、JavaScript開発者は、他のつなぎ合わせたライブラリが提供するものに多くの妥協をすることなく、デスクトップおよびモバイルデバイス用の最新のWebアプリケーションを迅速に作成できます。 Emberを初めて使用し、最近聞いたことがある場合は、FrankTreacyのこのチュートリアルを調べることを強くお勧めします。 彼の文体とガイダンスは、EmberFrameworkをより深く理解するのに最適です。

ES6を学ぶ方法

実際、多くのJavaScript開発者は、標準がリリースされるずっと前からES6が何であるかを知っていました。 これはプログラミング言語の方法であり、最終決定が行われる前に、コミュニティが実験するためのドラフトとして標準が利用可能になります。 同じことがECMAScript7またはES7にも当てはまり、機能はすでに利用可能ですが、誰もがブラウザーに追いつくのを待っています。これは必ずしもスムーズなプロセスではありません。 Eric Elliottは、ES6の学習プロセスにより適切にアプローチする方法について、Mediumの投稿に便利な一連の記事とヒントをまとめました。

JavaScriptでの関数定義

Marius Schulzは、JavaScript開発者に、JavaScriptで関数定義がどのように機能するか、特にES6とArrow Functionsのリリース以降、3つの異なる方法で関数定義にアプローチする方法について少し洞察を与えます。

webpackとES6を使用して独自のJavaScriptライブラリを開始します

JavaScriptライブラリは、開発者がプロ​​ジェクトを拡張するのに役立つ小さなJavaScriptスクリプト（必ずしも小さなものではありません）であり、そうでなければ個別に作成する必要がある特定の関数を使用します。 React.jsはライブラリとして機能すると言う人もいれば、フレームワークに近いと言う人もいます。 いずれにせよ、Krasimir Tsonevは、ES6とWebPackの助けを借りてJavaScriptライブラリを作成するプロセスを絞り込んでいます。

7つの重要なJavaScript関数

David Walshは、多くのフロントエンド開発者の間で人気があり、一貫した開発者であり、フロントエンドの世界と彼の考え、意見、経験を共有することを恐れないライターでもあります。 彼自身のウェブサイトは、ネイティブ開発をどこまで進めることができるか、そしてコンテンツウェブサイトの形でどれほど美しく実行できるかを示す良い例です。 ただし、彼の投稿はデザインに関するものではなく、実際にはJavaScript関数に関するものです。 言語の最も重要な部分は関数であり、Davidは、言語とそのより重要な側面を学習する過程で放棄した可能性のある7つの関数を追加で提供しています。

GMaps.jsでGoogleマップを簡単に

Web上のすべてのものは、選択機能を実行する特定の要素である要素に帰着します。 マップの場合、公式のGoogleページからネイティブのGoogleマップウィジェットを使用するか、スタンドアロンウィジェットから取得するよりも少し多くの機能を提供するサードパーティライブラリに依存することができます。 ここでは、GMaps.jsライブラリに最適にアプローチし、マップの作成を最大限に活用する方法についてのチュートリアルがあります。

JavaScript開発者調査結果

調査はチュートリアルのようには聞こえないかもしれませんが、ある意味ではそうです。 これらは、コミュニティへのチュートリアルであり、コミュニティの考え方であり、言語の現代的な進化を考えると、JavaScriptが言語にアプローチするのに最適であるとコミュニティが考えるものでもあります。 そうです、JavaScript開発者について、彼らの意見や推奨事項についてさらに学ぶ方法としてこの調査を使用することをお勧めします。おそらく、これらの洞察の一部を独自の生産的なワークフローに組み込むことをお勧めします。

ユニバーサルReact

Reactのようなライブラリは、クライアントサイドアプリの作成方法を大きく変えました。 このプログラミング方法には多くの利点があり、パフォーマンスが向上し、アクセシビリティが向上しますが、欠点もあります。欠点の1つは、JavaScript対応のブラウザーを持たないユーザーや検索用にJavaScriptコンテンツを提供する必要があることです。 JavaScriptでは実際にはうまく機能しないエンジンロボット。 幸いなことに、この問題は認識されており、サーバー上でレンダリングできるフル機能のクライアント側アプリケーションを構築することが可能です。 Reactは、サーバー側とクライアント側のJavaScriptの実行を実現する方法をリードしており、Jack Franklinは、問題とその解決方法を詳しく調べるチュートリアルを公開しています。

JavaScriptでバックグラウンドタスクをスケジュールする方法

Craig Bucklerが、JavaScriptでバックグラウンドタスクがどのように機能するか、およびそれらに最適にアプローチする方法について簡潔に説明しています。 Craig BucklerはSitePointに何千もの記事を書き、JavaScript、HTML5、CSS3などの言語で豊富な経験を持っているので、彼がそのような幅広いトピックについて話すとき、彼の言葉を真実と見なすことができます。

JavaScriptでのRSSフィードの解析–オプション

RSSフィードは、Webで公開されたコンテンツをはるかにアクセスしやすくします。 今日のブログの99％はRSSフィードをサポートしており、フィードを使用することで他の人が定期的にコンテンツを簡単に受信できるようになっています。 フィードの他の用途には、フィードを解析し、リンクファームのWebサイト、または解析されたRSSフィードからの特定のデータセットを必要とするアプリケーションなど、さまざまな方法で解析されたデータを使用する機能があります。RaymondCamdenはこのトピックをさらに詳しく調べます。また、JavaScriptを使用してRSSフィードを解析したいJavaScript開発者向けの可能なオプションをカウントダウンします。

JavaScriptを使用してスクロールで要素を回転させる

Dudley Storeyは、自分のWebサイトをJavaScriptフレームワークから完全に解放するように変換し、代わりにVanilla JavaScriptを使用して読者向けのインタラクティブなWebブラウジング体験を構築する方法についてのストーリーを共有しています。彼の最新の作品は、個々のページ要素を回転させる方法に関するチュートリアルです。 VanillaJavaScriptを使用します。 これは、WebプロジェクトでJSを使用する他の多くのインタラクティブな方法への扉を開く魅力的なチュートリアルです。

React、Redux、Immutable.jsを使用してTodoアプリを構築する方法

React、Redux、Immutable.jsは、JavaScriptライブラリ名を急速に進化させており、開発の認識方法や、すべてのデバイス向けのアプリの構築方法を変えています。 この記事では、Emre Guneylerが、3つのライブラリすべてについて簡単に紹介し、最新のフレームワークとライブラリを使用してアプリを構築する方法をよりよく理解できる単一の「todoアプリ」を構築する方法について説明します。

Angular1コードをAngular2に準備するための5つのステップ

私たちはAngular.jsの大ファンです—レスポンシブAngularJS Webサイトテンプレート、AngularJS管理テンプレート、Angular 2のコミュニティリソースなど、最高のAngular.jsコンテンツのいくつかをチェックしてください— Angular2を歓迎する準備が整っています。 Oren Farhiからのこのチュートリアルの追加により、さらにそうなります。 Angular 2の登場は避けられません。現在、アクティブなAngular.js開発者である場合は、このチュートリアルを読んで、今後の変更に備え、新しいバージョンに簡単に移行できるようにコードを準備してください。

350箇条書きのES6の概要

ES6はここ数年でJavaScript標準の最大の更新であり、すでに堅実なプログラミング言語への大幅な追加ですが、この追加により、JavaScriptがWebで機能する方法と、ブラウザーとして機能し続ける方法が大きく変わります。トリッキーな機能をさらに統合し始めます。 このGitHubリポジトリは、機能などのES6のさまざまな側面と、それらの機能の使用方法について説明する350以上の箇条書きの組み合わせです。 また、機能、および新しい機能がどのように見えるか、ES6についての理解を深めるのに役立つ多くの発信リソースリンクがあります。

同時にJavaScript：JSでの並行性に関する3部構成のシリーズ

カイル・シンプソンは、JavaScriptの並行性と非同期性、およびそれらの同じ概念を独自の開発環境でどのように使用できるかについての彼の考えを共有するために少し時間を取っています。 魅力的なコンテンツ、そして3つの異なる部分に分かれているはるかに詳細なチュートリアル。

フレームワークのコスト

フレームワークを使用してすべての問題を解決する方法についての激しいアドバイスに出くわすことなく、JavaScriptでコーディングする方法を学んでみてください。最近のJavaScript学習の多くは、実際にはReact、Angular、Backboneなどのフレームワークに基づいています。 はい、フレームワークを使用すると、Webアプリやモバイルアプリをすばやく簡単に構築できますが、ネイティブ（バニラ）JSではなくフレームワークを使用する場合の実際のコストはいくらですか？ Paul Lewisは、新しい（そしておそらく経験豊富な）開発者がフレームワークについてより良い選択をするのに役立つ簡潔なベンチマーク分析をまとめることによってこれを描写しています。

大規模なAngularアプリケーションの構造

Angularは現在、クイックWebアプリを構築するための主要なJavaScriptフレームワークです。 ただし、拡張された大きなAngularアプリを構築するのは難しい場合があります。狂気に陥る寸前になっていると言う人もいるため、Kristian Poslekは、チュートリアルを提供することで、時間をかけてコミュニティに還元しています。気が狂うことなく大規模なAngularアプリケーションを構築する方法について。

JavaScriptによる顔の近接検出

プログラミング言語は、毎日ますますインテリジェントになっています。 Peter Bengtssonがチュートリアルで、JavaScriptを使用して、アプリやプロジェクトですぐに使用できる顔の近接検出エンジンを構築する方法について説明しています。

JavaScriptは何ができますか？

JavaScriptが実際に何ができるのか完全にはわかりませんか？ David Smallは、JavaScriptが実際に実行できることと、この言語の主な目的について、シンプルで効果的なプレゼンテーションを行います。 JavaScriptに興味のある人なら誰でも読むことができます。これは、言語のより広い側面を教えるチュートリアルです。

JavaScriptの疲労から抜け出す– React Edition

倦怠感は生産性のキラーであり、長時間何かを扱うと、長時間続く可能性のある深い倦怠感を経験する可能性がありますが、もちろん、特定のフレームワークに起因する種類の倦怠感があります。この場合は発生します反応すること。 では、Reactに対する疲労をどのように解消するのでしょうか？ Reto Schlapferがこの質問に対する答えを持っています、飛び込んでください。

JavaScriptをオンラインで学習するためのリソース

Webが提供するJavaScriptに関する最新のチュートリアルをいくつか調べましたが、JavaScriptの予備知識がない場合は、これらすべてのチュートリアルをどうしますか？ 特にJavaScriptチュートリアルを探しているので、そうなる可能性は非常に低いと思いますが、JSの知識を広げたいと思うか、久しぶりに更新したいと思うかもしれません。 その場合、JavaScriptをオンラインで無料で学習できるWebサイトとプラットフォームの非常にアクセスしやすいリストを次に示します。 最高だけ。

• Codecademy — Web開発の基礎、特にJavaScriptを把握するためのプラットフォーム。 Codecademyは、新しく意欲的なフロントエンド開発者がキャリアを開始した最初のサイトの1つです。 それは楽しく、インタラクティブで、うまく機能します。
• Learn-JS — Codecademyと同様のプラットフォームであり、タスクと学習曲線のセットが異なり、Codecademyを終了した後、新しく学んだスキルを磨き、おそらく見逃したものに気付くのに非常に役立ちます。
• freeCodeCamp —急速に進化するコミュニティベースのコーディングプラットフォーム。サイトのすべてのメンバーが問題や課題の解決に参加し、プロのコーダーを雇う余裕のない非営利団体向けに新しくてエキサイティングなアプリをプッシュするのに役立ちます。 それはお互いに有利な状況です。
• スタイルガイド—スタイルガイドは、他の人が簡単に構築できるコードの作成に役立ちます。AirBNBは独自のスタイルガイドをリリースし、GitHubやその他の場所で見つけることができる最も人気のあるJavaScriptスタイルガイドになりました。

結論として、JavaScriptの学習はそれほど大きな問題ではないことは明らかです。アクティブな開発者は、言語を最大限に活用する方法だけでなく、より良くなる方法についてのアドバイス、洞察、チュートリアルを常に共有しています。 これらのリソースが学習プロセスに最大の利益をもたらすことを心から願っています。