Skip to content

Fictional website for a new restaurant, developed in the SuperHi's online short course: Command Line for Creatives.

Notifications You must be signed in to change notification settings

adrianaleites/superhi-cmd-line-tropicali

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

50 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SuperHi · Advanced Short Course · Command Line for Creatives · 2020

Tropicali

Fictional website for a new restaurant, developed in the SuperHi's online short course: Command Line for Creatives, from lesson 1 to 5.

Design reference

The layout design and the UI guidelines, provided by SuperHi for this project, can be found in this Figma file.

Developed using

  • HTML
  • CSS
  • JavaScript

  • npm (Node Package manager, to easily install packages)
  • Gulp (A toolkit to automate & enhance your workflow)
  • Sass (CSS with superpowers)
  • browser-sync (npm package to keep browser in sync and reload it automatically whenever a change is made)
  • gh-pages (npm package to publish files to a gh-pages branch on GitHub)
  • Netlify (The fastest way to deploy websites)
  • PostCSS (A tool for transforming styles with JS plugins)

About SuperHi

Founded in 2016, SuperHi is an online creative education platform and worldwide online community of creatives learning together.

About Command Line for Creatives course

Command Line for Creatives advanced short course has 7+ hours of video lessons that will teach you how to confidently work with Git, GitHub, Sass, PostCSS, npm, Gulp, Webpack and more popular front-end development command line tools.

Topics covered

  • What tools to install and how to customize them whith themes and plugins
  • How to get the most out of your command line terminal
  • How to work with Git and GitHub to add version control to projects and collaborate with other people
  • How to get projects online using services such as GitHub Pages and Netlify
  • How to use cutting edge tools like Sass, PostCSS and Webpack in your projects
  • How to improve the workflow of your projects using npm packages, BrowserSync and Gulp
  • How to create a client-updatable static site using Jekyll and Siteleaf

Lessons

  1. Installing the best tools
  2. Git, GitHub + Netlify
  3. Sass
  4. Gulp
  5. PostCSS
  6. Jekyll + Siteleaft
  7. Webpack

Use my referral link to learn at SuperHi, at your own pace and wherever you want:

https://www.superhi.com/?r=adrianaleites


About

Fictional website for a new restaurant, developed in the SuperHi's online short course: Command Line for Creatives.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published