Skip to content

codetapacademy/html-css-javascript-starter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

HTML CSS JavaScript Starter

Welcome to version three (3) of the project My CV. This is the starter version and it's aimed for people that are starting their first (1st) website or are at the very beginning of their career as a web developer.

Table of contents

  1. What do you get out of it?
  2. Requirement
  3. How to start?
  4. Goo luck

What do you get out of it

This is your first PROfessional website where you'll master how to:

  1. use Visual Studio Code as your editor
  2. use simple icons by creating custom fonts
  3. read a design and create pixel perfect interface
  4. read instructions, understand and follow requirements
  5. create a SPA (single page application)
  6. build multiple sections like: about me, let's connect and skills
  7. implement a responsive layout
  8. meet the user with a light or dark theme
  9. create lists, buttons, containers and more

Back to Table of contents

Requirement

While building this website you want to use only HTML and CSS. No other libraries are required or suggested.

  • STEP 1 - cread a folder (directory) inside the web folder, with the name of your github id, all in lowercase (NO CAPITAL LETTERS!) Your GitHub Username

  • STEP 2 - inside the newly created folder (directory) create more folders, like: html, css and javascript.

Back to Table of contents

How to start

Create a fork and clone

You want to go to the HTML CSS JavaScript - starter project on GitHub and click the big Fork button to create a copy of it on your profile.

GitHub Fork Button

The Fork button can be found at the top right corner of the page. Once the fork process has created a copy of the project to your profile.

Use the big Clone green button, located on your profile, not the one located on the codetapacademy profile, to make a copy to your computer and proceed just like with any other project clone from GitHub.

Install dependencies

Run npm i or npm install or yarn to install dependencies.

Run yarn start or npm start to launch a local server and open the browser for you with all the files in the project ready to be consumed as web pages.

Note: As long as you create the proper folder structure,

Design

Check out the designs created with Figma: https://www.figma.com/file/BKG4eO58SPw5aq61DXulK3/CV

Good luck !!

I hope you'll enjoy this project and have fun while you're at it. Stay tuned for more projects to come and the tutorial for this one by following https://codetap.academy and consider subscribing as well. The next projects from this series will be:

Back to Table of contents

Note: Any suggestions so far? If yes, let us know on https://codetap.academy by joining the chat. :) :)

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published