やり直し: 2015 年の概要と 2016 年の計画_html/css_WEB-ITnose

4 年以上働いていると、ほぼ毎年、年末のまとめを共有している学生を見かけますが、ほとんどの学生はそれを忘れています。昨年末にフロントエンド業界の偉い人たちのまとめに触れて以来、たった1年でこれだけのことを学ぶことができて大変感動しており、私自身も一年中忙しそうです。しかし、蓄積された知識は実際にはそれほど多くありません。なので、私もそれに倣い、今年やったことや学んだ知識をまとめて記録して、幼稚で浅薄に思えることも多いかもしれませんが、成長の跡を残し、自分自身を励まし続けていきたいと思います。

1. 2015 年に私は何をしましたか?

【仕事】

異動:

今年の初めに、私はIfeng.comで機能編集からH5に切り替え、コンテンツの企画、デザイン、開発、プロモーションまでほぼすべてを担当しました。継続的な学習の過程で、これらのタスクにはそれぞれ業界内で独自の立場があり、それをうまくやるには非常に高い専門的能力が必要であるため、私の能力を超えていることに気づきました。しかし、私は必然的にすべてにおいて無能になります。 。私は自分を変える必要がある、一つのことに集中する必要があると気づき始めました。学んでいくうちに、開発の好みが寝食を忘れてしまうほどになってしまうことがあり、次は転職しようと考えました。

焦点:

それで、今年の後半、私はフルタイムでウェブフロントエンド開発を行うために Didi に来ました。 Didi に入社して半年足らずで、私は手探りの素人から、Didi Bus の webapp2.0 アップグレード、レンタカー事業、webapp3.0 アップグレードを経験しました。 backbone、react、less、fis... (以下に別途まとめています)

【学習】

実際、2015 年の初めには、私は自分自身の年間の学習計画を立てていませんでした。年の初め 若い頃、私は最初にビデオを見て JavaScript を独学で学び始めました。その後、HTML と CSS の基本的な知識を使っていくつかの簡単なデモを作成しました。そして、時々自分の不足している知識を見直しました。次の段階の学習目標を決定しました。 Didi に転職してから、下半期の学習内容を計画し、仕事のニーズに基づいて学習目標を常に調整するようになりました。

次の表は、下半期の学習計画と完了レベルです:

時間 知識ポイント完了ステータス

学習結果の要約:

優れている:

1. 基本的に計画に従い、ほ​​とんどの学習タスクを粘り強く実行しました

2. 基本に注意を払い、基本的な内容により多くのエネルギーを注ぎました

不足:

1. 使えるというだけで、原理を深く理解していない

2. 学習プロジェクト（Node）が保留され、自己計画と自己管理が不十分な状況がある

3. 知識はフロントエンド分野に限定されます

添付ファイル:
1. 学習した知識ファイルツリー図

2015work1.png

2015work2.png

8月	バックボーン	70%	モデルの使用に習熟していない、およびフレームワークの実装ソースコード 未学習
August	少ない	20%	基本を知っているだけで高度な使い方や原則は理解していない
August	Fis	6 0%	基本的なコマンドの使い方、設定ファイルの簡単な書き方を知っているだけで、高度な使い方には慣れていない
August	Git	80%	使いこなし、チームワークで協力できる方
August	「The Art of Programming with DOM」	90%	基本的に章に従ってすべてのデモを手作業で入力しました
8月〜12月	「Javascript Advanced Programming」	80%	すべての章を学習し、ほとんどの例に従っていますが、詳細な例もたくさんあります。知識が十分に明確ではないため、もう一度読む必要があります
8月〜12月	「図解CSS3」	90%	すべて勉強しました章を参照してください。すべての例に従っているわけではありませんが、自分の仕事で使用しただけです。チェックしてください。在学中に大きなプロジェクトがあったので保留にし、2016 年に再開する予定です
11 月	「ES6 入門」	70%	すべての章を読みましたが、すべてを理解できませんでした例は、私の仕事で使用および参照するだけです
11月-12月	React、Redux	60%	基本的な動作原理と共通APIを理解しますが、使用できる範囲に限ります。まだ練習して改善する必要があります
12月	Tencent Map API	75%	基本的に共通機能を理解し、プロジェクトで使用しています

2.読書技術本（「シャープjQuery》エンティティを読む本もあります）

IMG_0780.PNG

IMG_0781.PNG

2. 2016年にやりたいこと?

【仕事と勉強】

2年以内に優秀なWebフロントエンドワーカーになりたいです。「優秀」の基準は何ですか?何を学ぶ必要がありますか?

添付ファイル: フロントエンド エンジニアの知識構造図

フロントエンドの知識構造図.jpg

この知識構造図は非常に古典的で、基本的に優れたフロントエンドの知識構造を描写できます。すべきだった。この目標に向けて、私は 2016 年の学習について次の計画を立てました (現時点で思いつく限りであり、仕事のニーズに応じて調整する必要があり、最初の 2 つの四半期に分割されています):

1 JavaScript

React API に精通している (中国語 API に精通し、その後英語 API を読んでいる)

ES6 に精通している (ES6 エントリの基本を理解し、それを Web アプリ プロジェクトに適用し、オリジナルの es6 ガイドを見つける)

Tencent Map API に精通している (API に精通しており、効率を向上させるために小さな js ライブラリも独自に開発する必要があります)

svg アニメーション制作 (アニメーションの読み込みの問題を解決する)

zepto、アンダースコアソースコードの読み取り

いくつかのクロスドメインのもの メソッドの練習

2. ツールの学習

fis ハイエンドアプリケーション、fis-conf.js の設定方法

webpack

3.CSS

あまり深く学習しない

《css権限ガイド》を通読

ios9の新しいcss3プロパティを学習

4. サーバー開発

node.js

関連知識: データベース、データ構造

自分のブログを構築する

【ライフプラン】

1. 2016年は少なくとも3回は家に帰りましょう

2. 毎週運動して、健康な状態を保つようにしましょう

3. もっともっと散歩に出かけましょう 業界の優秀な仲間と知り合いましょう (KPI を設定しないでください...人を KPI としてリストします)失礼な気がします）