フロントエンド開発者は 2013 年にどのようにして自分自身を成長させることができるでしょうか?

この記事は実際にはテキストがあまり多くないので、全文を読むことを強くお勧めします。ここでは、記事で紹介されている PPT を簡単に要約して、見つけやすくします。ほとんどの人は、個人の技術的な向上を非常に気にしています。しかし、必要な情報の量が膨大であることを考えると、新しいテクノロジーに遅れずについていくのは困難です。 2012 年、フロントエンドの開発には、数多くの革命的な進歩とフロントエンドの再定義が伴いました。

私たちの実践は急速に進歩しており、具体的な進歩は抽象化の使用、優れたコード品質、保守性の向上、パフォーマンスの向上に反映されています。忙しくて最新のテクノロジーについていけないという場合でも、心配はいりません。休暇が近づいており、自由に使える時間が少しあります。私が収集した優れたフロントエンド関連のディスカッションのリストを共有すれば、皆さんの役に立つだろうと思いました。すべてを読む必要はありませんが、これらの提案により、より関連性の高い知識が得られ、来年、より優れたプレエンジニアリング開発者になるための準備が整います。

基礎

常に先を行く方法

ウェブ関連の最新情報を入手する方法、Chris Coyier

テクノロジー関連の概念は変化し続けていますが、私たちは常にテクノロジーの最前線に立ち続けることができます。

開発モデルが最新であることを確認する

フロントエンド開発者のための新しい基準、レベッカ・マーフィー

ファイルを編集する場合、最も一般的な方法は、ローカルでテストしてから FTP にアップロードすることでした。フロントエンド開発者のレベルは、IE6 と互換性のあるページを作成できるかどうかで判断します。私たちの HTML、CSS、JavaScript のスキルは十分ではありません。

この状況は、近年の作業方法の改善やさまざまなツールの導入により大きく変化しました。フロントエンド開発はますます注目を集めています。このトピックでは、フロントエンド開発の新たな出発点について説明します。

フロントエンド開発エンジニアのための新たな出発点

ブラウザの裏側での動作を理解する

フロントエンドエンジニアになりたいなら、David Mosher (ビデオ)

ブラウザは、自分が知る限り最も不安定な開発プラットフォームだと言う人もいるでしょう。クライアント側の開発者であれば、ブラウザが内部的にどのように動作するかを理解することで、より適切な意思決定を行うことができ、ベストプラクティスの背後にある議論を理解できるようになります。今年のベストテーマの 1 つで、David Mosher がブラウザのページの解析とレンダリングの詳細を説明します。

ウェブプラットフォームが今提供すべきものを理解する

現代のウェブアプリ開発者のためのツール、Addy Osmani

Web は常に進化しており、このプラットフォームにおける新しいテクノロジーを理解することは簡単な作業ではありません。 HTML5 の新機能により、これまでは不可能だった (少なくともプラグインなしでは) 多くの機能を含む、まったく新しい Web アプリケーションを構築できるようになりました。

このセッションでは、私のチームメイトの Eric が、現実の問題に対するさまざまな解決策に焦点を当てながら、HTML5 の難題について説明します。メディア ストリーミング、デバイス入力、最新の CSS デザイン、メディア キャプチャ、ファイル I/O などについて学習します。

仕組み

ウェブアプリ開発エンジニアの働き方

CoffeeScript や JavaScript、Less や Sass のいずれを使用する場合でも、優れた Web アプリケーションを構築するには、外部リソース、フレームワーク、ツール、およびそれらを統合するための統合ツールへの多くの参照が必要になります。簡単に言えば、スパンキングにはユーティリティベルトが必要です。

このトピックでは、現在のフロントエンド システムの概要を理解し、これらのシステムを統合する新しいツールである Yeoman について学習します。

このテーマの拡張バージョンにもアクセスできます。

ウェブデザイナーの仕事

現代の Web デザイナーのワークフロー、Chris Coyier (ビデオ)

今日、Web アーキテクトに対する要求は高まっています。これまで、この職位名はすでに対応する業務を表していましたが、現在はビジュアルデザインの職位だけではなく、インタラクションの構築も含まれています。設計者は、さまざまな形状、サイズ、接続方法のさまざまなデバイスを考慮する必要があり、それらすべてが適切に動作する必要があります。

デザイナーは、チーム間でコミュニケーションを取り、コードを共有する必要があり、さまざまなテクノロジーを理解する必要があります。このセッションでは、Chris Coyier が、手元の作業をよりスムーズに進めるための数多くの素晴らしいツールについて説明し、高度な最新のワークフローを提供するために何をすべきかについて説明します。

モバイルウェブ開発の仕組み

モバイル Web 開発者ツールベルト、Pete Le Page (ビデオ)

モバイル開発は PC 開発とは大きく異なります。このトピックでは、モバイル Web 開発をより便利かつ簡単にするさまざまなツールについて説明します。

デバッグ方法

Chrome DevTools の秘密、Patrick Dubroy (ビデオ)

Google デベロッパー ツールの詳細な理解

未来に向けた開発

CS

明日の CSS、ピーター・ガストン

このトピックでは、CSS が現在の開発にもたらすもの、そして CSS プログラマーとして CSS3 を使用して将来志向の開発を実現する方法について説明します。

ジャバスクリプト

Javascript の未来、デイブ・ハーマン

ES6の新機能とその使い方を理解する

ウェブアプリケーション

Web コンポーネントと Web アプリ開発の未来、Eric Bidelman

さまざまな新しいテクノロジーを Web アプリケーションに適切に統合する方法。

CS

CSS 分野のアート

新しい CSS のすべて、Hawtness、Darcy Clarke

このトピックでは、最新の CSS 実装と関連標準を紹介し、これらの新しい CSS テクノロジが日常の開発にどのような変化をもたらすかを学びます。

モジュラー CSS

あなたの CSS はめちゃくちゃです、Jonathan Snook

ほとんどの人の CSS コードは乱雑です。このトピックでは、管理とメンテナンスを容易にするために CSS のモジュール化の問題を解決する方法を学びます。

CSS プリプロセッサ

CSS プリプロセッサ、Bermon Painter

まだ CSS プリプロセッサを使用したことがないなら、それは損です。このトピックでは、いくつかの一般的な CSS プリプロセッサの概要を説明します。

書類

KSS、カイル・ニースと共により良い未来を

このトピックでは、CSS ファイルのドキュメントとコード フォーマットを生成するための Kyle のツール KSS を紹介します。

ジャバスクリプト

コーディングスタイルの重要性

Javascript のメンテナンス、Nicholas Zakas

興味深い Javascript コードを書くことと、プロフェッショナルな Javascript コードを書くことは、まったく別のことです。Zakas によるこのトピックでは、持続可能で保守可能な Javascript コードの書き方を学びます。

大規模アプリの構築

SoundCloud の Stack、ニック・フィッシャー

このトピックでは、SoundCloud の Nick Fisher 氏が、同社が大規模な Javascript アプリを開発した経緯を紹介し、開発手順と開発効率を向上させる方法について共有します。

アプリの構造を再考する

AngularJS でブラウザを再考する、Igor Minar

このトピックでは、将来の Web プラットフォームのパワーを現在の Web アプリケーションに活用する方法を学びます。

国際化

入力して、Javascript を読んでください、Sebastian Golasch (ビデオ)

このトピックでは、Sebastian が現実世界における国際化の問題を特定する方法と、それをエレガントな方法で解決する方法を紹介します。

モデルと原則

ピノキオの苦境、ブランドン・キーパーズ

JavaScript を実際の言語として扱う必要があるため、実際の言語が使用するさまざまなベストプラクティスを JavaScript 上で使用できる必要があります。 Javascript はもはやおもちゃの言語ではありません。

原題: フロントエンド開発エンジニアは2013年にどう成長できるか

キーワード: フロントエンド開発、エンジニア、2013、プロモーション、ウェブマスター、ウェブサイト、ウェブサイトプロモーション、収益化