Pagepro Blog

GIT

Front-end Internship: Day 5

Posted on .

Front-end Internship: Day 5

Introduction

I. Learn GIT branching

Check the online course: http://learngitbranching.js.org/index.html

II. Convert the following PSD (Photoshop) web design to HTML/CSS/JS.

Source files

Requirements

  1. Convert PSD file to HTML/CSS/JS.
  2. Add datepicker script.
  3. Add autocomplete script (for city name inputs).
  4. Add popup script with slider inside.
  5. Add customer thoughts slider.

Workflow

  1. Create project using the latest version of LibSASSerplate
  2. Use HTML5 / SASS
  3. Stick to AirBnB SCSS/CSS styleguide.
  4. Create new GitHub repository for this project and push changes frequently:
    1. First Commit: HTML with project structure
    2. Second Commit: HTML for HEADER
    3. … small parts of HTML sections as separate commits
    4. CSS for base styles
    5. CSS for HEADER
    6. … small parts of CSS for specific sections as separate commits.
  5. Ask your Mentor for feedback after:
    1. Preparing whole HTML for whole Page.
    2. Preparing whole CSS for Page.
  6. Recommended tools:
    1. https://validator.w3.org
    2. http://www.welldonecode.com/perfectpixel/

Supported browsers

  • Firefox (latest version)
  • Google Chrome (latest version)
  • Microsoft Edge
  • Internet Explorer 10 / 11
  • Safari 10.x
Chris Lojniewski

Chris Lojniewski

http://pagepro.co

There are no comments.
View Comments (0) ...
Navigation