【札幌】脱初心者!現場のプロが伝授するHTML/CSS講座初級

対面

第一線で活躍するシニアエンジニアから制作現場で役立つ技術をハンズオンで学ぼう!

こんなことを学びます

本講座は、HTML/CSSの基礎を学んだ方が、
より効率的に開発が出来るようになるための正しい理解と実践力を身に付ける講座です。
座学による概要理解に加えてハンズオンによる制作現場で役立つ力を習得できます。

「書籍やスクールで学んだがもっと効率的に開発したい」
「ステップアップして現場のプロに近づきたい」
「自分のやり方が実務ですぐに活かせるか不安」
そんな方へおすすめの講座です。

講座内では、実際の現場で働かないと身に付かないスキルを丁寧に教えます。
はじめにEmmet(HTMLやCSSを省略記法で簡潔に記述するためのツール)について説明します。
実際にEmmetを使用して省略記法から通常のHTMLやCSSに変換する方法を学ぶことができます。
またコードを書く際に利用するメタ言語とコンパイルを自動化する環境を利用し、
実際の開発環境に沿ってコードを書く練習するので、業務に活かすことができます。

現場のトップで活躍する講師から、企業やお客さまに求められる実践スキルを習得しましょう。

▼内容
1) HTML/CSS開発を効率化するEmmet
1. Emmetとは(座学)
2. VSCodeへのインストール(ハンズオン)
3. HTMLのEmmetの記法(座学 + ハンズオン)
4. CSSのEmmetの記法(座学 + ハンズオン)

2)メタ言語と自動コンパイル環境を利用した実践開発入門
1. HTMLのメタ言語(テンプレートエンジン)の紹介(座学)
2. CSSのメタ言語の紹介(座学)
3. コンパイル環境の解説(座学)

3) Preprosを利用した実践開発入門
1.Preprosの起動とプロジェクト登録、設定、プレビューサーバーの起動(ハンズオン)
2.Nunjucksの使い方(座学 + ハンズオン)
3.Sassの使い方(座学 + ハンズオン)

4)質疑応答(30分)

▼参加対象
【初級】
・HTML/CSSの基礎を学んだが、次に何を学べばいいかわからない
・既にWebの仕事をしているが、他に聞ける人がいない
・自分のやり方が正しいのかがわからない
・コーディングも出来るようになりたいWebデザイナーの方
※専門用語をある程度理解できる方が対象となります。

▼受講後像
・実際の現場に近い開発手法を学ぶことで開発効率が向上します。
・就職・転職の成功率がUPします。
・現場の開発フローに沿って学べるので、すぐに業務にいかせます。

▼参加費
3850円(税込)
※弊社ご登録者様への割引等は対象外となりますので、予めご了承くださいませ。
続きを読む

開催日程がありません

開催予定エリア札幌

価格(税込)¥3,850

現在は開催リクエストを受け付けていません
受けたい
1人が受けたい登録しています

対面受講日程

開催日程はありません。

この講座の先生

半田 惇志のプロフィール写真
シニアエンジニア・テクニカルディレクター
半田 惇志
CSS設計完全ガイド、Webのためのエディタ Bracketsの教科書の著者。
HTML/CSS/JavaScript/CMSなどフロントエンドの開発から、UI設計、戦略策定、コンテンツ制作、
ワークフロー設計まで幅広く業務を行っている。

株式会社パンセ
10年以上に渡りWeb制作事業を行っており、WordPressやMovable Typeといった定番CMSから
HubSpotなどのMAツールも取り扱っている。昨今は特にHubSpot事業に注力しており、
2019年9月に国内4社目のプラチナパートナーとして認定された。
モダンな...
+続きを読む

この講座の主催団体

Fellows Creative Academy

主催団体確認済み
  • 1,819人
  • 941回
Fellows Creative Academy

【クリエイターの「学びたい」気持ちをサポート!】

フェローズはクリエイティブ業界専門の人材エージェント。常にスキルの向上が求められるクリエイターの学びの場を提供するため、Fellows Creative Academyを開設しました!

学んだ後、しっかりと就職のサポートができるのは、『フェローズだけ』。派遣・紹介予定派遣・正社員・委託請負と様々な雇用形態でクリエイターになりたい!...
+続きを読む

主催団体に質問する 主催団体ページを見る

当日の流れとタイムスケジュール

夜)
18:30~    受付開始
19:00~21:00 セミナー
21:00~21:30 質疑応答
続きを読む

こんな方を対象としています

・HTML/CSSの基礎を学んだが、次に何を学べばいいかわからない
・既にWebの仕事をしているが、他に聞ける人がいない
・自分のやり方が正しいのかがわからない
・コーディングも出来るようになりたいWebデザイナーの方
※専門用語をある程度理解できる方が対象となります。
続きを読む

受講する際は以下をお読み下さい

・筆記用具
・Visual Studio Code、Prepros(有料ライセンスの購入は不要)がインストールされたPC(Win/MacOS問わず)
※PCのお持込が難しい場合は、事前にご相談ください。

☆レンタルPCのご案内☆
●ご料金:1台につき【2.5時間、1,500円】
※ご利用の際はお申し込み時に、備考欄へ「PCレンタル希望」とご記入下さい。
※事前にお申し出がない場合は、準備致しかねます。
※数に限りがございます。先着順となりますので、ご了承ください。
※PC利用料は、当日現金でのお支払いとなります。
※PC本体における不具合は、全額ご返金致しますが、
ご利用者さまによる、故意または過失による不具合の場合はご返金対象外となります。


※遠方からお越しの予定の方へ※

開催3日前までに開講の有無を決定させていただいております。
開催人数に達しなかった場合は、開講見合せとなります。
遠方からお越しの場合は、事前にご連絡いただけますと
お申し込み状況をお伝えすることは可能です。

新型コロナウイルス感染予防のための弊社対応について
詳細は→https://job.fellow-s.co.jp/news/detail/Info-0155
続きを読む
※ストアカでは講座に適用される保険を用意しています。詳しくはストアカ補償制度をご覧ください。

HTML・CSSのおすすめの先生HTML・CSSの先生を探す

HTML・CSSの関連カテゴリーから講座を探す

先生のスキルから探す

関連エリアから探す