🔖

フロントエンド初心者が業務を理解するために調査したサイトまとめ

に公開

【前提】

2年目の元バックエンドエンジニアなので駆け出しエンジニアではないです
異動によりフロントエンドエンジニアに配属されました。

【案件のために準備・調査したこと】

  • フロンドエンドの体系的な知識学習
    →最低限エンジニア間の会話を理解するため

https://amzn.asia/d/aR9waFY

  • HTML&CSSのProgateレベルの基礎知識習得
    →フロントエンドの基礎部分、ある程度理解できればよい

https://prog-8.com/courses

  • JavaScript学習
    →業務レベルの会話ができるため下記を重点的に理解

https://qiita.com/yukiji/items/ae2dbbd34f8557d5af19

  • Node.js
    →JavaScriptだけではなく実行環境である部分を理解するため

https://qiita.com/non_cal/items/a8fee0b7ad96e67713eb

  • DOM操作
    →JavaScriptで操作するDOMの根本を理解する

https://developer.mozilla.org/ja/docs/Learn_web_development/Core/Scripting/DOM_scripting

https://www.hypertextcandy.com/vanilla-javascript-dom

https://tagnote.net/javascript/dom/

ブラウザレンダリング
→どのように画面描画されているかの基礎を学ぶ

https://qiita.com/sasakiki/items/91dcc8b50d7a61ce98bc

【本当に必要・役に立ったこと・意識したことは何か?】

  • ドメイン・バックエンド・社内知識は余すことなくチームに還元した上で誠意をもって無邪気に質問する

  • package.json・node.jsなどの環境構築に必要な知識は事前に持っておいた方が良かった

  • 環境構築で手間取る・脳死で言われたことばかりしていると応用力がつかない

原理がわからないまま使っているから応用ができないってこと。
by葬送のフリーレン

  • スクラム開発が個人的にベストマッチ。参考となる書籍・スクラムマスターに質問して理解度を増やしていくことが円滑なコミュニケーションにもつながった。

  • フロントエンド・バックエンドの両面を理解していると、ターミナル・ログ調査・コミュニケーションなどでメリットが非常に多い

Discussion