初心者のためのフロントエンド環境構築入門~Gulp編 .

FREE
Udemy

Note: Udemy FREE coupon codes are valid for maximum 1000 redemption only and might get redeemed in few hours. Look for "GET THIS DEAL" green button at the end of Description.
This post may have affiliate link & we may get small commission if you make a purchase.

Requirements
  • JavaScript、HTML、CSSについて入門レベルのコースを修了していること。
Description

プログラムの開発を行う上で、一番最初のハードルとなるのが開発環境の設定です。

このコースではフロントエンドのGulp環境設定方法についてご説明します。

Gulpは一般的に比較的規模の小さなプロジェクト(Webサイトなど)のビルドを行う際に使用します。

Gulpを使うと、

  • SassファイルをCSSファイルに自動でプリコンパイルできます。(node-sass連携)
  • JavaScriptの文法チェックを自動化できます。(ESLint連携)
  • JavaScriptのES6+からES5へのトランスパイルが自動化できます。(Babel連携)
  • 画像のリサイズや圧縮を自動化できます。(GraphicsMagick連携)
  • JavaScriptファイル、CSSファイルのminifyを自動で行うことができます。

是非、Gulpを学んで開発の効率化を行って見てください。

– このコースで出てくるツール

Gulp4|Babel7|Eslint|Sass|GraphicsMagick

– このコースで扱う言語

JavaScript(メイン)|HTML|CSS

※このコースは完全な初心者の方には難しいです。他の方が出している入門編レベルの講座を受けてからこのコースにトライしてみてください。

Who this course is for:
  • WebサイトなどでSassをお使いの方。
  • Webサイトリリース時のタスクを自動化したい方。
  • Web開発入門レベルのコースを終えて、自分でWebサイトを作ってみようと思っている方。
  • めんどくさい作業を自動化したい方。


  • Register New Account
    Reset Password