西安の元フロントエンドコンサルティング：
卡农[email protected]
この記事は、同期に出版されたwdShare西安前端交流会网站、我的个人博客とsegmentFaultと掘金。ソースを記入してください
これは、前群内の主要なシェア西安で、共有への皆のために、私はあなたが学ぶのを助けることを望む、と私はまた、我々はより多くの交流をすることができますことを願って、整理。
EDITORIAL
こんにちは、みなさん、こんにちは、私はキヤノンです。先週、マイケルの兄の内容を共有するための機械的なスイッチのフロントエンドを、の考え方の半年間のゼロベースの自習ドライフル、非常にエキサイティング。私はあなたを残すことのために今週共有します。すべての感情の最初の杰克哥私はここで少しの学習の私の経験を共有するには、この機会を与えるだけでなく、に非常に感謝しF7哥、このような良いプラットフォームは、私たちが一緒に技術進歩の議論に集中できるようにすることをここで提供しました。今日のシェアは、主にフロントラインや初心者のためのいくつかのアドバイスだけでなく、製造過程で自分の学校の募集もう少し経験について学ぶために。私はまだ現在していますので、学校の生徒、その洞察力と特定の問題を選択するには、より多くの命令が、もちろん私からしようとすることを希望の不備、グループの全員には適していません必ずしも、学生の思考に有利にバイアスされてもよいです私の経験の出力に角度より大きな群衆、私はあなたが私たちが前を学ぶのを助けることができると思います。
私はピット、初心者コース、学習ルートに私の道を開始し、いくつかの側面を共有する準備ができて候補者、知識、態度を調製するプロセスを再開すると思います。
私は、この方向を選択しましたか
厳密に言えば、私はより多くのハードウェアとソフトウェアの組み合わせを訓練するために傾斜して、プロのコンピュータ（知能科学技術）の学校に属していない、もちろん、多くの重要なハードウェアを置くための時間を手配するために私たちのコースで私たちの学校で起こりました場所。だから、専門科目で学習できる素晴らしいが、それはとても横暴な名前を見るためにプロでしたが満ちていたということではありません。あなたが私たちのプロの行に従うなら、私は人工知能、機械学習、自然言語処理、マシンビジョンまたはそれらの方向を検討します。しかし、2年生の後、私はこれらの可能な方向の非常に深刻な研究をしています、私は非常に深刻な問題を発見しました。これらの学問分野や職業は、私たちの学校では、これは非常に恥ずかしい存在であり、非常に大きないるようです。私たちの研究の学力と深これらの方向に（少なくとも、先例のない）、適切な仕事を見つけることは、ほとんど不可能この一般的な学部では、当然のことながら、カニを食べて最初の人をやって思ったが、とき独自のハードでの外観は、基礎科学およびこれらの方向のための限られた熱意の良い基盤ではありません後、私はあきらめすることを選びました。この方法では、唯一の2つのオプションが学業を継続し、別の方向を選択することです。私は国で学業を継続する意思を持っていないので、私は決定的にこのオプションを放棄するため。だから、道路上の別の方向を選択し、新入社員の様々な研究所（オートメーションの大学、我々はプロに割り当てられていた）コンピュータサイエンスの学校に会ったことは偶然の一致です。フォーラムは、私は二年生（新入生のために必要が比較的低い）が見つかり、次々と聞いて、仕事のための可能なショーがありません、何より身近なプログラミング言語、インターネットのみと技術がありません熱意の完全な産業。最後に、最初に選択された考え方と両方向のフロントエンド製品を保持してみてください。しかし、雇用の見通しの下、後、ルートを学習し、これらのフロントエンドの将来の発展を考慮すると（主に情報のほとんどを知っている）、または技術のルートを選択してください。私は非常に私の妹に感謝遭遇ラボに私をできるように起こった約一週間のために真夜中の油を燃やした後、幸いその時、みんなのレベルは、高くありませんWEB组。私は正式に道路の私のフロントエンドを開始しました。
私の初心者の道
学生のために、私は強くあなたが大きな助けに学ぶことができますどのようにして、学校の研究室に参加することをお勧めします、私は後に言及します。
幸いにも、私はプロジェクト主導型の研究室で研究室。そこにすべての方向に研究室の担当者は、嵌入式、安卓开发、大数据、WEB前端、WEB后台あなたが良いを持っている場合、その上とidea一緒に持ち込まなければ、すぐに様々な方向のメンバーがそれを達成するために。だから私の最初のプロジェクトが始まりました。これは、単純なラボの公式ウェブサイトを作成することです。
もちろん、この時間は、私は彼が本当にただの知識の表面に傷が知らなかったことは、本当に強力な書き方を、コードを調整する方法と全体、どのようなテクノロジー・スタックとしてサイトを設計する方法を、どのように書き込みに、予備的なニーズ分析をプロジェクトを開始する方法を、理解されていません保守性コード、およびすべての登場後で、これらの問題に何かデータを入れても、ウェブサイトがあります。私はどこから始めればわからないが、起動しませんでした。今回は、それがハイライトアウトに関するガイダンスの重要性でした。かつての学友姉妹の指導の下、私は技術的なフレームワークによって、選択したレイアウトのラフな図を描き、サイトのニーズ分析を書い週間過ごすために、以前のプロジェクト計画を参照してくださいBootstrap。私はムーのクラスのネットワークにあったと公式ホームページを参照今回Bootstrapのチュートリアルでは、二週間は基本的にアップには約だけで、何の困難がありません使用しました。しかし、私は、コードを使用していない、または通常は何をしませんしているかの模範をノックします。今回は、私が何か非常に恥ずかしいことをした、私は、コードの以前の研究室公式ウェブサイトをセットアップし、いくつかの学校は、そのディレクトリ構造、レイアウト、およびコードを見てダウンチョップ置きます。幸い、私たちは基本的に私は理解することができ、あまりにも技術を複雑にし、この静的なウェブサイト上で使用されていないCSSとHTML、JS非常に少数の一部。醜いもののので、自分の例を参照してください、私は全体的なレイアウトと構造を設計していた、私はあるにもかかわらず、サイトの全体的な枠組みについて書いたBootstrapレイアウトのさらに多くのBugしかし、彼らのデザインを見ると、最初のサイトを書くためには、まだ非常に興奮しています。作業は、実際の書き込み処理である背景には、常に、コードを変更し、レイアウトを変更し、2ヶ月プラス冬の休暇について続いたとしても、繰り返し変更された要件は、最終的に彼の最初の正式立ち上げ作業を完了しました。この期間中、私はまた購入し、独自のクラウドサーバー、独自のブログシステム、自分自身を設定Githubするだけでなく、学んだlinux基本的な操作を。
あなたが知っている、数ヶ月前、私は最初、私は、このようなチャンスがあると信じていません、そして第二に、私は、このようなaが存在していると信じていない、彼らは個人的にサイトを作成し、多くの人が使うように利用できるようにできることを考えたことはなかっただろう容量。しかし、真実はあるので、何を、私は本当にこの事から出てくるか、と私はより多くの、より良いものを作るだろう。私はこの経験を共有したいと思い書いた私の前に、あなたは最後に何ができるか分からない、あなた自身にチャンスを与えていない場合は、最初の一歩を踏み出すために勇敢され、恥ずかしがらいけない、ということです私は何を知っていない、起動して、プロジェクトを終了する方法がわからない博客、、 Github、云服务器私は学ばなければならなかったので、これらは、このプロジェクトで使用されるという理由だけで、私はこれらの事を学び始めるが、これまで私たちに利便性をもたらしましたこれまで私の想像を超えたので、私は停止していません。だから、初心者のために、私は強くあなたが何かを達成したいとき、完全な仕事をしているであなたの手を試してみてください、あなたはあなたの想像を使用することをお勧め一つのことを達成したい、あなたはより多く持っているラインに加わりました熱意とそれのために行くと学ぶための動機の多くは、う遠くあなたの目標からのすべての時間を学習している、それぞれの時間は、あなたの完全な作品の一部を継続するよりやる気になり、これはポジティブなインセンティブの好循環です。私はあなたがより速く、より深く学び、この場合には信じています。
これは、リソース、プラットフォーム、重要な役割を果たして、私の全体、育っ学校の研究室の雰囲気を見ることは簡単です。ここで、私はここで、同じ方向と姉妹校の先輩に自分自身を見つけることは非常に簡単にすることができ、私は「ありがとう」と言う姉妹校の先輩を助けたと思うしたいと思い、あなたがもう一度あなたのアドバイスを持っていなかった、私はまだ泥沼ですふける、無方向がたつき。それは可能性が高い製品を作るためにあらゆる機会を持つこともある良い学習雰囲気だけでなく、誰もが使用されます。簡単な例として、私が学んだ前に、実験室で参加していなかった最も9（なぜなら学校図書館9時の閉鎖は）だけでなく、干渉の種々の方法により、ラボに入社した後、私はめったにこのような環境では、私たちが学んでいるので、議論の中で、あなたは、10時までに寮を持っていない、行きます他のアイデアを持ってすることは困難。セキュリティは、それらを促す前に、ライブ近い大学生で、叔父は来ていない、それは行かないだろう。
あなたは完全な小規模なプロジェクトを行うことができたとき、私はあなたの成長が非常に限られている支援するために、特定の技術を使用する場合、あなたは間違いなく、しかし、正規化と、それについて知っている一般的な手法を考えています。
パスの勧告を学びます
私は、このシステムは、知識の大きなブロックを勉強する時間を取ることができますお勧めします。例えば、長時間学習するHTML4.1 HTML5 MDN-HTML5CSS2.1、CSS3霧、雨Piaoling CSSマニュアル、ES5、ES6/ES7ルアンYifeng ES6のマニュアルなどを。これは、学習時には幅も深さの両方が必要です。言うまでもなくJavaScript高级程序设计へのクレソンリンク、我々は多くの場合、その標高は、基本的にすべての適格フロントエンドプログラマが多く、何度も精通している必要があり言われているこの本を、読んたびに新たな発見があるでしょう。ほとんどのもののJS原理は非常に明確に説明されているが、それは深く十分ではありません多くの場所があり、今回のサイブックが登場しました。しかし、サイの書籍（JavaScript权威指南）クレソンのリンクが非常に細かい、非常に深い、とにかく、私は基本的に現在のレベルを理解していない多くの場所では十分ではありませんどのように見ていないと述べました。しかし、深く理解したいと思いJavaScript、この本は読まなければならないです。CSS、私はお勧めCSS权威指南クレソンリンクとW3C 大漠老师W3C-PLUSの图解CSS3クレソンのリンクを基本的に二冊の本に調理、ほとんどの場合ではない、CSSそれの深さと幅が十分にあります。
いくつかのサイトをお勧めします、フロントエンド技術のBaiduのIFE研究所は、セット初心者のためのステップのBaidu IFEチームのフロントエンドによって段階がある前端Tasksだけで一定のレベルで、それを行うために、あなたのフロントエンド技術をステップバイステップに従ってください。そして、同じことをやって多くの強力な学校の学生がありますが、あなたが参照を楽しみ、他の人のコードを評価することができます、あなたは多くのことを学ぶことができます。もう一つは、フリー・コードキャンプとして、世界で最もホットな技術の学習サイトであるべきであり、類似した、だけでなく、タスクのフォームで、彼はリソースを学習の多くを提供して、目標を学ぶのタスクを完了、両端を学習し、作業を完了しますが、また、学習は、認証を取得することができます。
しかし、これらの知識の光は今、フロントエンドエンジニアだけでなく、十分ではないHTML、CSSとJavaScriptあなたは、非常に体系的なことができないフロントエンドは、今もそうで、ネットワークプロトコル、ネットワーク要求、ブラウザ、オペレーティングメカニズム、フロントエンドのパフォーマンスの最適化、サーバーの知識の理解が必要ですし、学ぶために包括的な、あまりにも深く学び、あなたは何を学ぶの程度まで決定するためにどのようにして、私は数ヶ月を研究している十分な知識とその光を見つけることができますか？私は私自身、私は学校にいたよりも、このニーズは、あなた自身の状況と比較検討することだと思う、私は多くの時間を持っていますが、私は学校の募集に直面する必要があります、リクルートの学校は非常にAの基礎に焦点を当てていますインタビュー、そして私は深く、知識の原則のいくつかを理解したいです。私は確かに深いアクセス可能な知識に属するコンテンツの相対を理解することができるので、ネットワークプロトコル、私は見ることができHTTP权威指南クレソンリンクプロジェクトを完了するために、自分で完全にフロントとリアエンドを行い、私は、サーバーを取りに行くことができ、サーバの知識を、多くがあります人々は十分にあり、サーバが唯一知っているブログネットワークプロトコルを介して読んでNode.js、 PHPしかし、彼はまた、あなたは十分な時間と学力を持っている場合、あなたは学ぶことができ、タスク、私のアドバイスのためのより詳細なものを完了するために、フロントエンドは非常に良いことができます中には、知識を自分のためか、将来の開発の手に作業を制御するかが大きな助けになるだろうと信じています。
コース終了後、何の事故は、その後、あなたは、例えば、あなた自身の共通コンポーネントライブラリを持つべきではない轮播图、模态框というように、だけでなく、JSは、次のようなライブラリ操作Cookie、操作LocalStorage、Ajaxというように。
あなたが使用しようとする前に、次に、これらの技術は、ほとんどのプロジェクトを改造か、またはあなたは、そのようなほとんどのノウハウを模倣など、より複雑なプロジェクトを、やろう自分自身にブログシステムを書き、というようにすることができます。とにかく、今、基本的な技術があってもよいが、熟練していないだろう、たくさんの練習では、これらの技術的な支配を行う必要があります。
学校の募集を準備する方法
最も最近の期間なので、私は学校を募集する準備ができていた、かなりの数の迂回路は、また他の人にこの経験の一部であることを期待して、ピットの多くを踏ん。
再開の準備
面接に行くので、それは最も基本的な準備作業で、もちろん再開する。技術的なルートを行う人々のために、それに注意を払うに必要なものを再開する。単に私の見解の下に置きます。
すべての履歴書の最初には、明確かつ簡潔な、またはどのように履歴書を呼び出すようにする必要があります。タイポグラフィ、色やフォントなどの簡潔な、。一般的なアドバイスがメインカラーは、全体の履歴書が3つ以上の最良のない光色と色を使用することをお勧めしている、文書の自然な流れに垂直組版組版によると、推奨各大ブロックのフォントとの間に明確な境界があります大胆マイクロソフトエレガントな黒は、のTimes New Romanは、快適なストレスのない、などこの共通として1人のルックスをフォント、第二は、共通のフォントはもちろん、人事温かく歓迎します、また別のフォントを使用することはできません、フォントは非常に奇妙になりますですが、あなたは絶対に確信している場合を除き、リスク、それ以外の場合は、リスクを取ることをお勧めしません。
履歴書の内容を書き込むことによって、その後、最も重要なことは、試してみて、あなたの仕事の検索意図に関連した書き込み内容、および優先順位をつけることです。たとえば、キャンパスでの経験の書き込みが大臣最大のコミュニティそうとそうは特定の活動を組織するように、学校での経験があり、どのような効果に、Bの経験はある無名のコミュニティとしてあり、参加する多くの人々を魅了メンバーは、参加する多くの人々を魅了、工事現場のコミュニティ、技術的なサロンの編成を完了しました。多くの学生にとって、それは理由にも非常に良いですが、既成Bの経験を放棄し、Aを選択するのは簡単です、コミュニティの学校は、地域社会のために知られているコミュニティのような活動ではよく知られている組織との良好な応答を取得し、私の強さです証明。そして、Bクラブ、学校の小さな未知の数は、少数の人々は、何の説得力を知っています。これは正しいですが、私はコミュニティがあなたの能力は、今日の面接、それを気にする機能であることを証明されてお聞きしたいですか？それは技術的な面接ですので、もちろん、ほとんどの技術的能力を懸念ですが、また、彼はA、Bのマルチ者コミュニティの世話をしなかったことをインタビュアーのために、より多くの有名な、彼らは社会の目には同じであり、彼はもっと心配していましたあなたは一切の責任を負い何をするためにそこにあります。もちろん、コミュニティサイトを構築、技術的なシャロンはこの経験を開催し、技術的なインタビューは、さらにより多くのポイントです。
経験を書くとき、自分の好きな、前面に最も身近なアイテムは、常にインタビューは常に技術的能力の上に置く、技術香港であることを覚えている間、最も目立つ位置に関連する技術を置くことを確認してくださいまず、再び追加容量を表示するために、他の機会があります。
知的準備
実際には、学校の募集のインタビューで、焦点は、まだ最も基本的な知識です。私の研究室では、長い姉妹校の先輩を助けインタビュー経験をされて、我々はいくつかのカテゴリので、ほとんどの質問をしました。一つは、プロトタイプとして、基本の立面図である、プロトタイプチェーン、閉鎖、オブジェクト、継承、等、機構を作動させる、ネットワークプロトコルである、などTCP三次握手、Event Loop、消息队列など、その後のようなアルゴリズムがあり数组去重、快速排序、冒泡排序などが。もちろん、CSSとHTML関連の知識、暑いですFlex、Position、CSS画各种图形、如何实现垂直水平居中、常用的浏览器Hack代码など、これらは比較的混合され、より多くのではなく、多くの基本的に、あなたが知っている部分を数回理解し、非常に迅速にそれらを確認する必要があります。
私のアドバイスは、審査の時にこの知識である、それは基本的な内容を知っているだけでなく、コンセプトや拡張を理解していないだけで最高です。
例えば、posiationいくつかの属性があり、違いは何ですか？
ほとんどの人はそれに答えることができstatic | inherit | relative | absulote | fixedた、fixed文書フロー、ウィンドウの相対的な位置から、absulote文書の流れから、比較的最近のPositionプロパティではありませんstatic、親要素の配置relative通常の流れ、元の位置に要素の相対的な位置から逸脱することなく。もちろん、これらの発言は正しいです。あなたが言うことができる場合は、center | page | stickyそこがされている理由であること、そして新興の標的にこれらのタイプが良いだろう理由を知りsticky位置付け、それは使用前に対処するCSS前に実現したり、より便利に使用することができないすべての問題を解決するためにCSS、大きなを必要とします結果を達成するためにコードのセクション。あなたは代わりに使用されている現在の互換性は、より良いでしょうか伝えることができます。とによりますPosition経験豊富な面接は簡単に、文書フロー、ドキュメントフローとどのように脱出することから問題にそれぞれの文書フロー特性は異なる道をリードし、というようになります。
簡単に言えば、一般的な面接の質問は尋ねやスキルだけでなく、理解している間に、ホットスポットの知識は調製時に、だけでなく、基本的な性質と使用状況を理解するために、総合的な理解を必要とするインタビュープロセスの準備のためにあります面接官の心を依頼するために、独自の質問を取ります。
知識を確認するときは、私は非常に誰もが自分の要約、書かれたブログをお勧めします。私たちが記事を検討されているインターネットに送信するので、潜在意識は、深刻な、より厳格な書きます良くかつ正確に比較的仕上げされます。
私はあなたに別のブロガーペンの知識を持つことを発見する時間の大規模な知識ポイントに遭遇するために使用ブログ記事に照合され、仕上げの過程で多くの記事を参照します、基本的な別の本をチェックし、何度も完全に異なるトーン。いくつかのも間違っています。私はもっとだとZhangxin徐先生は、ほとんど書かれた非常に完全かつ豊富なケーススタディをルアンYifengのブログ記事をお勧めします。
ここで私は整理してまとめた部分が、いくつかは、いくつかは、まだ整理していき、ブログに同期されています。
心理準備
仕事とリクルートのスタッフを探しているのプロセスは常に唯一の最も適切なのは、何の最高は存在しない、相互の選択肢となっています。
非常に良いレベルでは、目標指向の人が行う準備ができ、そこにある完全に、対象会社を理解する嗅覚を向上させる、毎分の情報をキャプチャするための作業です。例えば、私はA社に非常に興味を持っていて、毎年その学校の募集を知っています。あなたがしなければならないので、することは募集のA社の公式ウェブサイト上でフォーカス、マイクロ文字、マイクロブログの技術的配慮技術チームながら、卒業生の最初の手の情報を取得するために、同社の募集コミュニティ、既存のリソースを積極的に活用し参加する、ブログですA社の技術動向に遅れないよう、その技術スタックの入念な調査は、技術的なルートと味を分析するために使用しました。
一般的な技術については、明確な目標の生徒はありません。豊富な履歴書、面接蓄積された経験が何をしている、選択される確率を高めます。これは非常に単純な数学の問題、同じ分子（技術レベル）の場合、分母（面接社）より大きな、より良い結果（より提供）です。そしてインタビューはいつもDaguaiは、経験の蓄積によるダウンプロセスの迅速電話インタビューをアップグレードショートボードを構成し、最終的にケース名の企業は珍しく提供してしまった、それは合計で重要に良いですされている、インタビューの質問に答えなかったダウン、出て、思い付いインタビュアーは研究に何を望むかを考える、良いの要約でなければならない、私は知らないなぜこの知識、知識があまりにも偏っているため、または彼らは非知的内容に属している、またはので未熟なため、補うためにさまざまな問題のためのさまざまな方法で彼は頼むかもしれないものまで答えた場合、次のステップを検討します。ここでも、自分でインタビュアーの視点からの質問をします。
概要
最後に、よく知られている知られているボローは、ほぼ各単語を奨励します。ほとんどの人々のための努力が低いの範囲で、単に才能が戦うために取得に失敗。そのため、必死にそれをしようと、少しの友人は、私たちはこの道のフロントエンドで遠くと遠くに行くことができます願っています。
西安はまた、前群より多くの専門的、よりオープンでダイナミックな願っています。
最後に、最後に、私は私の学校に言及したい記事の西安大学と私の研究室ThoughtCodingの研究室を、これは素晴らしい学校と非常にオープンで包括的な研究室です。私は道を成長させたときにそれらを満たすことができて感謝しています。
同時に、感覚再びXiejiekegeの弟とF7はあなたから、西安みんなのは、前群を指しているにジュニアパートナーとしてだけでなく、交換のためにこのような良いプラットフォームを提供し、機会ネットワーキングまた、我々は一緒に進行できることを多くのことを学びました。
ここに私のブログ、GitHubのメールボックスがあり、ジュニアパートナーの関心を歓迎し、私は、共通の進歩と問題を議論しました。
Githubの：github.com/ovenzeze
Eメール：[email protected]