【Webエンジニア】プログラミング学習のロードマップ【フロントエンド】

どうも、みおです。

この記事では、「プログラミング学習のロードマップ」として
フロントエンドについて、ご紹介します。

Webエンジニアのフロントエンドとは

Webエンジニアでは、「フロントエンド」「バックエンド」という呼称で分けることができます。

それぞれ、役割や作業範囲が異なります。
説明をすると、話が長くなるので必要な部分だけ、取り出してお伝えします。

フロントエンドとは、WebサイトやECサイト(ショッピングサイト)において、
ユーザーから直接見える部分の設計と開発を作業範囲とします。

Webエンジニアのロードマップ

「ロードマップ」と表現されるように、ゴールから逆算して
適切な勉強方法をたどりたいですよね。

by ディープロ

プログラミング言語と一言で表現しても、
実在するプログラミング言語は数え切れません。

その中でも、利用されやすく、共通認識のある「フロントエンド」について
触れていきます。

開発環境の基礎知識を勉強

Webエンジニアとして、Webサイトまたは、アプリケーションが動く仕組みや、
使用言語の話を理解できるように知識をつけていきましょう。

また、実際の開発現場では、開発環境として使用頻度の高いツールを
支給されたパソコンにインストール作業をします。

プログラミング言語を覚えようとすることは、とても素晴らしいことです。
それだけを使用しているわけではないので、周辺知識も身に着けておきましょう。

Web系といっても、企業の社内ネットワーク内に
設置されているサーバとの接続を想定して入れば、

クラウド上であるAWSと接続を想定している現場など、
環境はそれぞれです。

いきなり全部覚えろというわけでもなく、
順々に理解を深めておきたいですね。

HTML、CSS、Javascriptなどの基本的なプログラミング言語を学習

プログラミング言語の学習が必要と想定されるのは、
下記のとおりです。

HTML、CSSを勉強するときに利用したい勉強サービス

公開されている下記オンライン講座サイトがおすすめです。

HTML、CSSを勉強するときに作っておきたい制作物

HTML、CSSを勉強するときに重要視したい内容

Progate(プロゲート) | Learn to code, learn to be creative.

Progateはオンラインでプログラミングを学べるサービスです。プログラミングを学んでWEBアプリケーションを作ろう。

prog-8.com