本講座は、HTML/CSSの基礎を学んだ方が、より効率的に開発が出来るようになるための正しい理解と実践力を身に付ける講座です。座学による概要理解に加えてハンズオンによる制作現場で役立つ力を習得できます。「書籍やスクールで学んだがもっと効率的に開発したい」「ステップアップして現場のプロに近づきたい」「自分のやり方が実務ですぐに活かせるか不安」そんな方へおすすめの講座です。講座内では、実際の現場で働かないと身に付かないスキルを丁寧に教えます。はじめにEmmet(HTMLやCSSを省略記法で簡潔に記述するためのツール)について説明します。実際にEmmetを使用して省略記法から通常のHTMLやCSSに変換する方法を学ぶことができます。またコードを書く際に利用するメタ言語とコンパイルを自動化する環境を利用し、実際の開発環境に沿ってコードを書く練習するので、業務に活かすことができます。現場のトップで活躍する講師から、企業やお客さまに求められる実践スキルを習得しましょう。▼詳細→ https://bit.ly/3fXBSv4▼内容1) HTML/CSS開発を効率化するEmmet1. 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します。・現場の開発フローに沿って学べるので、すぐに業務にいかせます。
お問い合わせの受付は 終了いたしました。
登録した条件で投稿があった場合、メールでお知らせします。
利用規約 をご確認の上、登録をお願いします。