フロントエンドエンジニアの必須スキル

コーダーとは？コーダーの業務と求められる能力

https://www.webstaff.jp/guide/jobcategory/coder/%E3%82%B3%E3%83%BC%E3%83%80%E3%83%BC%E3%81%AE%E4%BB%95%E4%BA%8B%E3%81%A8%E3%82%B9%E3%82%AD%E3%83%AB/


Webデザイナーとコーダーの違いとは？Web制作の職種を役割ごとに紹介

https://ktsuyoshi.com/web-design-designer-corder-difference


駆け出しマークアップエンジニアのためのWebサイト制作フロー - Qiita

https://qiita.com/AkiHamano/items/917c5b1ac50425bfcf95

※↑SEO対策も常識ですが、現在のSEO対策は昔とは全く別モノになってます。


フロントエンドエンジニアとは？フロントエンジニアの仕事内容・スキル・将来性

https://www.bigdata-navi.com/aidrops/1692/


Photoshop、Illustrator、XDからのコーディングに慣れよう！

https://note.com/haniwaman/n/nefa48db83682


データベースの基礎知識　WordPressとは

https://wp-exp.com/blog/database-kiso/


フロントエンドエンジニアには「HTML、CSS、レスポンシブ･デザイン、クロスブラウザ、Vanilla JS、jQuery、Vue.js、React、SCSS、 CMS(Contents Management System)：「WordPress自体、PHP、SQL(データベース言語)」、Ajax、Next.js(React)、Nuxt.js(Vue.js)、SPA(Single Page Application)、SSR(Server Side Rendering)、サーバ－サイドJavaScript(Node.js、Deno)、TypeScript」あたりの知識が必要になると思われます。

プロは通常はBootstrapなんぞ使いませんが、既にBootstrapで作られているコードの改修なら有るかもしれません。

コーダーの実務経験が無いと、フロントエンドエンジニアには成れ無いので、まずはコーダーからスタートして年季を積んで下さい。


なお、「jQuery、Vue.js、React、Angular」のデメリットについては下記「JavaScriptフレームワーク」参照。


JavaScriptフレームワーク

http://ashtarte.pa.land.to/utf8/smt.cgi?r+sara/&bid+00000325&tsn+00000325&bts+2020/05/25%2017%3A50%3A20&


コメント

コメントを投稿

このブログの人気の投稿

CSSデモ集 CSS3ではプログラムと見紛うばかりの表示が可能になりました。 CSSデモ／Commentary001 http://pleiades.vs.land.to/utf8/smt.cgi?r+twilight/&bid+000002AD&tsn+000002AD&bts+2022/01/15%2016%3A44%3A52& CSSデモ／吹き出し http://pleiades.vs.land.to/utf8/smt.cgi?r+twilight/&bid+00000206&tsn+00000206&bts+2021/10/15%2018%3A56%3A05& CSSデモ／タブ http://pleiades.vs.land.to/utf8/smt.cgi?r+sara/&bid+000003A5&tsn+000003A5&bts+2020/09/27%2018%3A34%3A30& CSSデモ／タブ(005) http://pleiades.vs.land.to/utf8/smt.cgi?r+twilight/&bid+0000032A&tsn+0000032A&bts+2022/05/06%2000%3A45%3A03& CSSデモ／タブ リンク使用 003 http://pleiades.vs.land.to/utf8/smt.cgi?r+sara/&bid+00000470&tsn+0000057F&bts+2021/03/27%2023%3A31%3A38& CSSデモ／タブ3Dエフェクト(027) http://pleiades.vs.land.to/utf8/smt.cgi?r+twilight/&bid+00000336&tsn+00000336&bts+2022/05/26%2005%3A38%3A45& CSSデモ／アコーディオン･メニュー012 http://pleiades.vs.land.to/utf8/smt.cgi?r+twilight/&bid+000002CB&tsn+000002CB&bts+2022/02/0...
続きを読む
 JavaScriptデモ集 JavaScriptデモ／CheckQuiz015 http://pleiades.vs.land.to/utf8/smt.cgi?r+twilight/&bid+000001BE&tsn+000001BE&bts+2021/08/17%2014%3A00%3A19& JavaScriptデモ／Quiz087 http://pleiades.vs.land.to/utf8/smt.cgi?r+twilight/&bid+000002A7&tsn+000002A7&bts+2022/01/13%2019%3A27%3A31& JavaScriptデモ／StopWatch002 http://pleiades.vs.land.to/utf8/smt.cgi?r+twilight/&bid+0000018C&tsn+0000018C&bts+2021/07/24%2008%3A55%3A37& JavaScriptデモ／Timer001 http://pleiades.vs.land.to/utf8/smt.cgi?r+twilight/&bid+000001C0&tsn+000001C0&bts+2021/08/22%2011%3A56%3A01& JavaScriptデモ／Canvas「色相(Hue)カラーパレット」 http://pleiades.vs.land.to/utf8/smt.cgi?r+twilight/&bid+0000047C&tsn+0000047C&bts+2024/01/05%2016%3A58%3A23& JavaScriptデモ／CanvasBound002 http://pleiades.vs.land.to/utf8/smt.cgi?r+sara/&bid+000003B0&tsn+000003B0&bts+2020/10/05%2010%3A34%3A19& JavaScriptデモ／CanvasMouseDraw087 http://pleiades.vs.land.to/utf8/smt.cgi?r+tw...
続きを読む
スマホ・ページ 概念的には下記のようになります。 コードを参照してみると良いでしょう、なおダウンロードすると(ブラウザ？によって)コードが改変されてしまう場合があるので、必ず開発者ツール(デベロッパー･ツール)で参照して下さい。 http://xd305417.html.xdomain.jp/responsive/002 参考 SEO対策 https://rara.jp/sphinx1335/page8 ※ガチのSEO対策には、(フロントエンド)セミプロ・レベルの勉強が必要になります。 それは本気で(フロントエンド)セミプロ・レベルを勉強する気が無いなら無理だと言う意味です。 下記のようなクソみたいな欠陥Webページだと、当然 SEO的にマイナスになります。 >下の画像のページが表示されたら、このWebページ作ったヤツはアホだろと思ってブラウザ・バックしますよね？ >https://drive.google.com/file/d/1znyw4kX9m4I4enroA931c7tyZ1wq8A91/view?usp=sharing PCのみ対応のWebページなら約「1000px～3000px」解像度ぐらい、モバイルも対応のレスポンシブ･デザインなら約「300px～3000px」解像度ぐらいをChromeモバイル･エミュレーターでチェックして下さい。 フロントエンド(プロ)だと6k解像度モニターぐらいは使ってるかもしれませんから、ポートフォリオを作成するならChromeモバイル･エミュレーターで約「280px～6000px」解像度ぐらいのチェックが必要になるので、Chromeモバイル･エミュレーターぐらい使えないようではフロントエンド(プロ)は無理と思って下さい。 フロントエンド(プロ)を目指さない場合でも「欠陥Webページ、レスポンシブ･デザイン」のチェックにはChromeモバイル･エミュレーターが必要になるので、とりあえずChromeモバイル･エミュレーターぐらい使えるようにして下さい。 【重要】 その『Chromeモバイル・エミュレーターの使い方』は中高生レベルの読解力が有れば、何回か読めば理解できる程度の難易度なのに、なぜか【ダメダメ･デモ】をChromeモバイル･エミュレーターでチェックする人は殆どいないんですよね(その程度の事ぐらい真面目に やっ...
続きを読む