スポンサーリンク

職業訓練校で学ぶHTMLとCSSのレベル感について

職業訓練校逸話
この記事は約7分で読めます。

職業訓練校で学ぶWeb制作ってどんなレベルなんだろう、どんなことを学べるんだろうと思ったことはありませんか?

職業訓練校に通っていた筆者の体験をもとに記事を書いていきます。

筆者
筆者

職業訓練校ってどんな環境なんだろう?
職業訓練校でどんな勉強をしているんだろう?
そういった方向けに書いています。

スポンサーリンク

職業訓練校で学ぶWeb制作の授業内容

職業訓練校によって学ぶ内容は異なりますが、都内の職業訓練校の場合は下記を学べます。

・HTML
・CSS
・jQuery

※訓練校による
・PHP
・JavaScript
・WordPress

よって、基本的には、HTMLとCSSはどこの訓練校でも学ぶことができます。

HTMLとCSSを学習したら、資格取得をおすすめします。
知識を理解した証明にもなります。

Webクリエイター能力認定試験を受けてきたので難易度や合格のコツをレポート
未経験からWEB系職種を目指す方が耳にする、Webクリエイター能力認定試験について、筆者も受けてきたのでレポートします。 個人差はあると思うので、あくまで参考程度にお留めください。 Webクリエイター能力認定試験についてある程度の基本情報(試験方法、合格率、受験料など)は知っている前提でお話を進めます。 まだあまり情報を知らないという方は下記を参考にしてください。 「Webクリエイター能力認定試験...

HTMLの学ぶ範囲と深さ

<head>~</head>
<body>
<header>
<nav>~</nav>
</header>
<main>
<article>
<section>
<div>~</div>
</section>
</article>
</main>
</body>

この基本的な型を学びます。この型をベースに、自分で加工していきます。
多くの方は、下記のような箇所でつまづく傾向のようです。

・<head>と<header>の違い
・<article>と<section>の違い
・<h1>、<h2>、<h3>の構造
・<nav>はどこに入れるのか
職業訓練校の授業はついていけない!?Webデザインの授業って難しいの?
職業訓練校の授業はついていけるか不安と思っていませんか? 無料で受けられる職業訓練校ですが、就職までしっかり学習したいですよね。 今回は、筆者の通っていた職業訓練校の授業雰囲気について、体験をもとに記事を書いていきます。 筆者 筆者も入校前は不安で一杯でした・・・ 職業訓練校ってどんな環境なんだろう? 職業訓練校でどんな勉強をしているんだろう? そういった方向けに書いています。 就職や転職をお考え...

CSSの学ぶ範囲と深さ

レイアウト構成は2カラムがメインです。
<aside>を使って制作することが多いです。

そして、float:left;を用いてレイアウトを組んでいきます

授業中では、flexboxやgridは使いません

そのため、flexboxは独学で学ぶ必要があります

残念ながら、最新のCSSを学ぶことはできないでしょう。

初心者でもわかる!Webサイトの作り方について解説。
Webサイトを勉強していて、デザインの根拠を求められることはよくありますよね。 なぜ、この色なの? なぜ、このレイアウトなの? 今回はWebサイトの作り方についておさらいします。 Webサイトの種類 ・コーポレートサイト(ランディングページも含む) ・ECサイト ・キャンペーンサイト ・ブランディングサイト 今後、様々なサイトが常に生まれていくでしょう。 この記事では、上記に絞ってお話します。 サ...

職業訓練校で学ぶWeb制作のレベル

Web制作会社でバリバリにコーディングできるレベルには相当の努力がいると思います。

よって、基本的な組み方はできるので、どのように組まれているかソースコードを見てわかるレベルです。

就職後は一層努力が必要です。

※jQueryやJavaScriptが組まれたりするWebサイトの構築は授業中では扱いません。(基礎は学びます)

さらなる自主学習を推奨します。

Webデザイナー志望者がおすすめするUdemy講座はコレ!
みなさんは、Udemyをご存じですか? 動画形式で専門家の講義を受けられる世界最大級のオンライン学習サービスで、10万以上もの講座数があります。 各講座は「買い切り」形式で購入で、スマホやパソコンどちらからでも動画学習できます。 なお、スマホアプリならば、事前に動画をダウンロードでき、いつでもどこでも視聴できるメリットがあります。 そして、Webデザイン分野の講座もたくさんあり、webデザイナーを...
未経験でもOK!Webデザイナー志望者におすすめ本【基本編】
「Webデザインの勉強を始めたい」 きっかけは様々ですが、独学で始める方も多いのではないでしょうか? 今回は、Webデザイナー志望者がおすすめする本をいくつかご紹介します! 筆者も未経験からWebデザイナーを目指しているので、等身大の視点で、よかった本をピックアップしています。 筆者 Webデザイナーの学習範囲は広く、学ぶことが多いです。 挫折することなく学べる本をご紹介いたします。 未経験からW...

さいごに

いかがだったでしょうか?

職業訓練校で学べるレベル感を想像できましたでしょうか?

筆者は、職業訓練校卒で、「職業訓練校体験記」を書いています。
職業訓練校ってどんなところなんだろうと思っている方、ぜひご一読ください!

職業訓練校体験記(Weekly版)はこちら

職業訓練校体験記(WEBデザイナーコース) 1週目
通学までの経緯 筆者は、コロナウイルスによる緊急事態宣言発令時より無謀にも転職活動を開始。 選考状況の連絡すらなく、転職活動は沈黙。 転職活動開始の2か月後に退職し、無職となる。 事前に、「WEB系に関する仕事をしたいので、職業訓練に通いたい」とハローワークに相談していた。 コロナウイルスによる影響で倍率過多の選考を合格し、職業訓練校に通学。 ※ハローワークに行くと、「あの倍率が高い訓練校でしょ?...

職業訓練での学習では網羅できない点もあります・・・
実務レベルまで持っていくために、Wスクールも視野に入れてみてください!
勉強仲間もでき、オンラインでスキマ時間に学習できるオンラインスタイルがおすすめです。


 

筆者
筆者
未経験からでもWeb業界に行けました!

筆者の就職活動の体験記はこちら

実務未経験のWeb業界就職活動で書類選考を通過するには?
実務未経験での就職活動って不安ですよね。 第二新卒でなければ、転職活動は「即戦力」が求められるといいます。 20代男子の筆者の経験をもとに書いていきます。 筆者 実務未経験で、Webデザイナーを目指したい! 実務未経験で、Web業界に就職できるのか? そういった方向けに書いています。 就職や転職をお考えの方は、というアプリで自分の就職活動における市場価値を無料で診断できて便利です。 簡単登録で、あ...
実務未経験のWeb業界就職活動はハード!?体験者が語る活動記録。
実務未経験での就職活動って不安ですよね。 第二新卒でなければ、転職活動は「即戦力」が求められるといいます。 20代男子の筆者の経験をもとに書いていきます。 筆者 実務未経験で、Webデザイナーを目指したい! 実務未経験で、Web業界に就職できるのか? そういった方向けに書いています。 就職や転職をお考えの方は、というアプリで自分の就職活動における市場価値を無料で診断できて便利です。 簡単登録で、あ...
実務未経験Webデザイナーの正社員就職難易度は高い?
この記事をご覧になっている方は、Webデザイナーを目指して転職活動中ではないでしょうか? 筆者の経験をもとに、実務未経験Webデザイナーの正社員入社の難易度について記事を書きます。 筆者 筆者自身も実務未経験でWebデザイナーを目指して転職活動をやっていました。 就職や転職をお考えの方は、というアプリで自分の就職活動における市場価値を無料で診断できて便利です。 簡単登録で、あなたの年収査定ができま...
Webデザインを学びたい初心者向けの情報が満載!!

・職業訓練校に興味をもっている
・Webデザインの勉強方法に悩んでいる
・スクールに通うべきか独学か悩んでいる

そういった方向けに、学習ロードマップと実名公開での職業訓練校レビューおよび後悔しない職業訓練校生活のノウハウを書いています。

ブログの応援よろしくお願いいたします!!
ブログ運営者 兼 筆者
ふらんぶ@パラレルワーカー

More

本業は「サービスデザイナー」で、副業は「Webデザイナー」として、パラレルキャリアを実践し、自分の生き方を追求中

職業訓練校卒(Webデザイン) ▶東証プライム上場のWeb系IT企業勤務▶私生活に影響の出ないスモール副業活動

本ブログは、未経験でのWeb系職種志望者に向けて、勉強方法(おもに職業訓練校)や就職に役立つ情報を自分の体験談をふまえてわかりやすく発信
最近は、副業の幅を広げるためにWebデザインとWebマーケティングの勉強を継続しており、その学習記録をメインに執筆中

「居そうで居ないWeb系職業訓練校の身近な先輩サポーター」として、職業訓練校(Webデザイン)での体験や実務未経験でのWeb系企業への就職の実績をもとに、Web系職種志望者向けのサービスを提供
有料記事公開中

Follow Me
スポンサーリンク
シェアする
Follow Me
スポンサーリンク

スポンサーリンク
タイトルとURLをコピーしました