Web開発ツールは、わずか数年で長い道のりを歩んできました。 この進歩のおかげで、高度にテストされたライブラリの力を活用して、ワークフローを改善し、レスポンシブデザインに関してはより大きな可能性を利 それだけでなく、バージョン管理システムの改善のおかげで、私たちは一緒に物事を構築することができます。 ブラウザのアドオンやプラグインから、コードを合理化するプロセッサまで、素晴らしいwebアプリケーションを作成するためのより多くの可能性があ
しかし、web開発ツールの数がほぼ毎日増加しているため、仕事を成し遂げるための最良のソフトウェアを見つけることは時々困難に感じることが あなたを助けるために、私たちはあなたが始めるためにフロントエンド開発のための不可欠なツールのリストを作成しました。 あなたが特に1つについて調べることに興味があるなら、単に下のリストからそれを選択してください。
- サブライムテキスト
- Chrome開発者ツール
- jQuery
- GitHub
- Twitter Bootstrap
- Angular。/li>
- Sass
読書に熱心ではありませんか？ その後、私たちのコースの専門家の一人がツールを介して話している下のビデオを見てください。
1. 崇高なテキスト
のは、基本から始めてみましょう：一流のコードエディタ-うまく設計された、超効率的で、超迅速なユーザーインターフェイスを備えてい これをうまく行うものはいくつかありますが、間違いなく最高の（そして最も人気のある）崇高なテキストです。
巧みに一人の開発チームによって実行され、Sublimeの成功の秘密は、このような同時編集（複数の選択された領域に同じインタラクティブな変更を行う） そして、あなたが毎日あなたのエディタで8+時間を費やしているとき、各プロセスのために保存された貴重な数秒は本当に追加されます…
この無料
2. Chrome Developer Tools
あなたのウェブサイトの徹底的なパフォーマンス分析を見ながら、HTMLとCSSをリアルタイムで編集したり、JavaScriptをデバッグしたりすることが
Googleの組み込みのChrome開発者ツールを使用すると、それを行うことができます。 ChromeとSafariの両方でバンドルされ、利用可能な、彼らは開発者が自分のwebアプリケーションの内部にアクセスすることができます。 さらに、ネットワークツールのパレットはロードフローの最適化に役立ち、タイムラインはブラウザが任意の時点で何をしているかをより深く理解できます。
Googleは六週間ごとに更新をリリース–ので、最新のあなたのスキルを維持するために、彼らのウェブサイトだけでなく、Googleの開発者のYouTubeチャンネルをチ
3。 jQuery
JavaScriptは、長い間、開発者によって不可欠なフロントエンド言語と考えられてきましたが、その問題がないわけではありません。
それは2006年まで、jQuery–フロントエンドプロセスを簡素化することを目的とした高速で小さなクロスプラットフォームのJavaScriptライブラリ-が登場しました。 開発者が自分で解決するために通常残されている多くの機能を抽象化することにより、jQueryはアニメーションの作成、プラグインの追加、または単にドキ
そして、それは明らかに成功しています–jQueryは、2015年に存在する最も人気のあるJavaScriptライブラリであり、Web上の65万人の最もトラフィックの高いサイトの65％にインストールされていました。
4. GitHub
それはすべての開発者の最悪の悪夢です–あなたは新しいプロジェクト機能に取り組んでいて、あなたは台無しにしています。 バージョン管理システム（VCS）、より具体的にはGitHubを入力します。
サービスを使用してプロジェクトを展開することで、行った変更を表示したり、以前の状態に戻ったりすることができます（厄介なミスを過去のも リポジトリホスティングサービスは、豊富なオープンソース開発コミュニティ（チーム間のコラボレーションをパイのように簡単にする）だけでなく、バグ追跡、機能要求、タスク管理、およびすべてのプロジェクトのwikiなどのいくつかの他のコンポーネントを提供しています。
多くの雇用者は、細かく磨かれたGitのスキルを探しますので、今はサインアップするのに最適な時間です–それに加えて、作業するオープンソースプロジェ
5. Twitter Bootstrap
コンテナの同じスタイルを入力するのに疲れていますか？ どのようにトリミングを維持するそのボタンはどうですか？ フロントエンドアプリケーションの構築を定期的に開始すると、同じパターンが出現することに気付き始めます。
UIフレームワークは、共通の要素を再利用可能なモジュールに抽象化することによってこれらの問題を解決しようとする試みです。
これらのフレームワークの中で最も広く使用されているのは、Twitterのチームによって開発された包括的なUIパッケージであるBootstrapです。 Bootstrapは、スタイルシートの正規化、モーダルオブジェクトの構築、JavaScriptプラグインの追加、およびその他の機能の過多のツールを備えており、プロジェクトの構築に必要なコード（および時間）の量を劇的に削減することができます。
6。 角張っています。js
HTMLは通常、フロントエンド開発者のツールボックスの礎石ですが、多くの人が深刻な欠陥であると認識しているものがあります。
ここでは、オープンソースのwebアプリケーションフレームワークであるAngularJSが登場します。 Googleによって開発されたAngularJSを使用すると、アプリケーションのHTML構文を拡張することができ、HTMLだけでは構築できなかった、より表現力豊かで読みやすく、迅速な開発環境が得られます。
このプロジェクトには批評家がいないわけではありません：この種のデータバインディングは厄介で分離されていないコードになると感じる人もいますが、フロントエンドキットでは非常に貴重なスキルだと思います。
7. Sass
時間を節約するWeb開発ツールはあなたの親友であり、コードについて最初に学ぶことの一つは、それが乾燥している必要があるということです（”自分 あなたはおそらく学ぶことができます第二の事は、CSSは通常、非常に乾燥していないということです。
CSSプリプロセッサの世界に入ります,あなたが書く必要があるCSSの量を減らしながら、すべての保守可能な、将来の証拠のコードを書くのに役立つツー
おそらく最も人気のあるのは、現代のCSSプリプロセッサのジャンルをかなり定義した八年前のオープンソースプロジェクトであるSassです。 最初に把握するのは少し難しいですが、sassの変数、ネスト、およびミックスインの組み合わせは、コンパイル時に単純なCSSをレンダリングします。
結論
これらのフロントエンドツールを学び、web開発者になるために7ヶ月の旅に出 これは、JavaScript開発で多くの求められているスキルを付与するために進む前に、最初からコアフロントエンド技術を教えるように設計されています。 あなたは、オンライン指導と指導のための二人の経験豊富な開発者とペアになるでしょう、と仕事の保証があります：あなたは卒業の6ヶ月以内にweb開 詳細を知り、私たちの非常に最初の完全なコホートに参加するために、今日のキャリアアドバイザーに連絡してくださ