今年は、front-end_html/css_WEB-ITnose を学習します

昨日大学最後の授業を終えて冬休みモードに入りました。来学期は卒業制作に取り組むだけにして、荷物をまとめて出発します。

フロントエンドへの道

フロントエンドを学ぶのに1年かかりました。混乱しながら模索し、多くの寄り道をしました。しかし、今後はこうした回り道を繰り返す人が減ることを願っています。

罠にはまってください

2013 年、インターン先の企業が ios から cocos-2dx に移行する必要があったため、半年以上勉強して何かを書きました。去年の今頃、私は必要に迫られてフロントエンドに連絡し始めました。

顔オブジェクトから顔のプロトタイプ、タグまで、最初は本当に戸惑いましたが、昨年はプロジェクト（実践）を追いつくために、エントリーからHTML5+CSS3の本を手に取りました。 jQuery 開発の初心者から熟練者まで、私は旧正月 2 日目に部屋で 2 つのレンガをかじりました。血液を素早く補給するために、インターネットで

• などのファストフードをたくさん見つけました。 w3school を読んでから、この商品が w3cschool という名前ではないことを長い時間が経ってから知りました。
• 超実践CSSコードスニペット、超実践jQueryコードスニペット、PHP入門からマスターまでなどの本を買いました。
• HTML5 フロントエンド エンジニアの入門から熟練度まで などのビデオ シリーズをたくさん見てきました。
• Bootstrap をまったく理解せずに始めます。

上記のすべては、フロントエンド開発基盤なしで成功を急ぐのは単なる時間の無駄であることを証明するものです。

それに気づいてから3ヶ月以上が経ち、ThinkPhp、WeChatのパブリックアカウント開発、サーバー設定など複雑な内容をすべて実践しながら学びました。

私は 2 つのフロントエンドカンファレンスに参加しました (最初の段階では注意を払いませんでした)。基本的な旅程は、マスターの議論を聞くことでした。その後、自分でゆっくりと探索しました。 、たくさんのことを学び、より多くの人々と知り合うことができました。

私がスタートアップ企業で行った仕事は、公式 Web サイト、バックエンド ページ、アプリ内の WebView ページ、およびいくつかの H5 ページを含む比較的単純なものでした。

スタートアップでの仕事に加えて、私がやっている小さなこともいくつかあります:

• 現在ご覧になっているブログである w3ctrain、翻訳 + 自分でまとめた記事は以上です生産性が高いと思われる50記事〜
• フロントエンドのお気に入り、触れすぎてChromeのお気に入りが爆発しそうなので、フロントエンドリソースのお気に入りを作りました。
• helkyle.com は現在、純粋に個人的なページです。

フロントエンド機器の変更点

var equipment = {  "编辑器"： Dreamweaver -> HBuilder -> Sublime Text -> Atom,  // IE 233  "浏览器"：Safari -> Google Chrome + QQ浏览器 + 虚拟机IE,  // CodeKit很方便，但是能做的功能非常有限  "预处理工具"： CodeKit（Mac） -> Gulp,  // LESS Sass Stylus 其实都差不多  "CSS": CSS -> LESS -> Sass,  "HTML": HTML -> Jade,  // 偶尔也还会用到SVN  "版本控制"： Git -> GitFlow,  // Macbook不是刚需，但是绝对能提高你的开发效率  "硬件"： 黑苹果 -> MBP,	  "翻墙"：jProxy(被封了) -> shadowSock,  "静态博客系统"： jekyll -> hexo,  "待办任务"： trello -> 奇妙清单,  "图片压缩工具"： 智图 -> tinypng -> gulp-imagemin,  "服务器端"： php -> node.js (正在做),  "微信开发调试"： Charles,  "工具"： [    "Emmet",    "Pomodoro Time",    "Hype 3",  ]}

フロントエンドを始めるにあたっての私の提案:

1. 興味のある点を決めて、フロントエンドに本当に興味があることを確認してください

2. 基礎をよく学び、良い学習リソースだと思います

   • 高度な JavaScript プログラミング
   • CSS Zen Garden
   • HTTP 決定版ガイド
   • JavaScript デザイン パターン
   • MOOC
   • コードを学ぶHTML と CSS
   • 初心者からマスターまでシリーズの内容を読みすぎないでください
   • 開始方法に関するより包括的なヒントについては、ここを参照してください
3. 小さなプロジェクトをいくつか用意して、ブログを構築することから始めることをお勧めします。
4. 時々、最近学んだことをまとめて記事を投稿してください。
5. もっと注意してください。フロントエンド マスターが議論している内容については、Weibo ウォッチ リストの w3ctrian を検討して、フロント エンド サークル
などのフロントエンド アクティビティ

カンファレンスに参加することを検討してください。注意: すべての人に適しているわけではないかもしれません。

面接について

学校の募集は9月に始まりましたが、さまざまな理由により、10月までに多くの募集が行われませんでした。企業はほぼ採用活動を終えていた。そのため、学校募集の WeBank で 4399 にのみ面接しましたが、どちらも不採用でした。

2日前の夜、コーヒーを3杯飲んだせいか寝返りを打っていました。

ああ、私はまだ就職していない男だ、ということしか考えられません。

適した仕事があれば、私に勧めていただくか、オンラインで私の履歴書をご覧ください。

ジュニア仲間へのアドバイス (特定の技術サポート付き):

• 事前に準備して を確認し、ギャップを埋める。
• 良い履歴書を書きましょう 私の周りの履歴書は直筆のものが多く、筆記試験など全くありませんでした。
• 面接のフロントエンドの質問をいくつかブラッシュアップします - これらには、電話面接の質問が 2 つ含まれています。
• それは運次第です 4399 にインタビューしたとき、彼はなぜ現在のスタートアップ企業を辞めたいのかと尋ねました。2 年間テクノロジーを学んでから戻りたいですか? WeChat Bank の 2 回目の訪問時に、大学院に行かない理由、家族の状況、または技術的な問題について質問した場合、基本的に相手はあなたに対しておざなりだと判断でき、その場を離れることができます。クラスの。

計画

これらは私が集めたいくつかの用語であり、来年学ぶことでもあります。ただし、フロントエンドの世界は非常に急速に変化しており、来年はこれらの用語が使用されます。次にどのような製品が排除されるのかは誰にもわかりません。

Node Express AMD Angular Jasmine HTTP JS-Bridge Vue SPA PostCSS Babel ES2016 MVVM React Webpack Hybrid ionic.

石を触って川を渡らない人はいないでしょうか?