practice-front-end

このリポジトリについて

このリポジトリはこれからWebサイトのフロントエンド開発を学ぶ人のためのカリキュラムです。
このリポジトリをご自身のGithubアカウントにfolkして、COURSE.mdに沿ってご自身のリポジトリで勉強を進めてください。
このカリキュラムを終えればモダンなWebサイトのフロントエンド開発ができるようになります。（複雑なWebアプリケーションの開発は対象外

カリキュラムをすすめるのに必要なもの

Mac
Homebrew（Mac用のパッケージ管理ツール）
Xcode（MacのIDE）
Git（ソースコードのバージョン管理ツール）
Githubのアカウント
ruby 2.3.1
ruby 2.3.1 を入れるための参考ページ
bundler（GemというRubyのパッケージ管理ツールにて、gem install bundler とする）
Chrome（ブラウザ）
エディタ（Sublime textなど）

このリポジトリの動かし方

前項の必要なものをパソコンに入れておく
ローカル環境にgit cloneした上で下記のコマンドをターミナルに打ち込む

$ bundle install --path vendor/bundle

MiddlemanのWebサーバーを起動させるために下記のコマンドを打ち込む

$ bundle exec middleman s

http://localhost:4567/にブラウザでアクセスする

このカリキュラムで学べる技術領域

HTML5
情報設計の理解
haml
CSS3
scss
OOCSS
SMACSS
JavaScript
jquery