【2024年最新】フロントエンドエンジニアに必要なスキル26選

👩‍💻セイトが運営するプログラミングスクール・研修事業「SiiD」
bug-fix.org/siid
👨‍💻セイトによるエンジニア専用・転職キャリア相談「EEE転職」
• 若手エンジニア皆さんの転職やキャリア相談にのります
✅LINEで配信・イベント情報・無料キャリア相談やってます
lin.ee/eR6BXOD
📙プログラミング入門書出版しました by 日経BP
amzn.asia/d/7Z3T5mH
◎お仕事のお問い合わせはこちらからお願いします
bug-fix.org
---------------概要
フロントエンドエンジニアに求められる26のスキルについて詳しく解説しました！
「マークアップスキル・プログラミングスキル・ツール・ソフトスキル」の4つの軸でキャリアアップに役立つ知識まで幅広く語っています。これからフロントエンドエンジニアを目指す初心者の方やスキルアップを図りたい現役エンジニアの方にとって非常に参考になる内容となっています。
---------------
🔽目次
00:00 はじめに
02:38 【マークアップ編】
02:40 1.セマンティックHTML
04:05 2.CSS（基礎）
04:45 3.CSS（発展）
06:45 4.SEO対策
07:37 【プログラミング編】
07:42 5.JavaScript
08:57 6.DOM操作
09:44 7.TypeScript
11:24 8.Node.js / npm / ビルドツール
12:30 9.フレームワーク
14:10 10.パフォーマンス最適化
14:44 11.RESTful APIs
16:15 12.テスト＆デバッグ
18:09 13.ネットワーク
19:42 14.データベース / SQL
19:43 15.バックエンド言語
20:51 16.クラウドコンピューティング
21:38 【ツール編】
21:43 17.デザイン系（Figma, Photoshop, XD）
22:20 18.Git
23:00 19.開発者ツール
23:45 20.CMS（WordPressなど）
24:35 21.CLI
25:25 22.Docker
27:38 【ソフトスキル】
27:42 23.繊細さ
28:57 24.コミュ力
30:08 25.クリエイティビティ
31:27 26.顧客目線
32:36 まとめ
🔽セイトのプロフィール
元LIG Philippines Inc.代表。今はさすらいのエンジニア。
エンジニア採用やWeb業界について詳しいらしい。
【Twitter】プログラミング／ライフハック系の話を発信してます！
/ seito_horiguchi
【TikTok】ショート役立つ話／あるある話
/ seito2020
🔽Special Thanks
動画編集：ぽぴぃ氏 Twitter ▷@poppy0p0
画像素材：いらすとや さん
#プログラミングスクール・転職キャリア相談・公式LINEやってます

[@makiko7197]

フロントエンドエンジニアになると本決めしたところなのでリアルタイムに有難い情報でした！ 頑張ってみます！

[@user-ze4wj1my7j]

勉強になります。毎回ありがとうございます! 大分県に来られた際には何かイベントして欲しいです。絶対に行きます!

[@webit7652]

ありがとうございます！ 大分また行きたい…行く時はやります！

[@AH-fy5tf]

勉強になりました！ありがとうございます！

[@refirst3084]

デザインツールは、開けさえすれば安泰ですね😂

[@webit7652]

操作方法知ってるだけで◎です😂