Introduction to Front-end, VS code, git, github, web-development environment setup

DexterYoon·2024년 11월 18일
0

DW

목록 보기
1/16

Welcome to Front-end!
I think coding is a way of ART that transforms simple and plain text into creature.
Here are the very least things you need to do to start a journey as Web-developer

  1. Signup on Github
  2. Web-Developement Environment setup

Github is where you store all the projects and studies
If you have more than a dozen of projcest and carraying in a USB, you fail as a developer. keep everything on cloud-based github and share a URL-link if requested as work or whatever.

To sign up at Github, you need 3 things, your working email, password and unique nickname. Your unique nickname is perhaps what you will be working as and called, so be creative. Follow the steps listed below.
Sign up at github.com


Gibhub uses their own way of verifying that you are a human, which I found it quite funny.

Congrat,You are almost there!
The Free tier is big enough for your personal projects, because whether you project contains big file, github automatically (you can also change) prevent uploading big chunks of data.

Tada! You are good to start off a project on your own now!

Next is setup web-developing environment.
a. Decent text-editor, VS Code is recommanded for its free price and easy-to-use UI and a variety of Extension which will help you code a lot faster and more efficiently. (whatever text-editor is totally up to you)
b. Useful extensions
c. Git
Download VS-Code
Open VS code and ctrl + shift + x or click on extension icon and serach useful ones. below are the lists of extensions that I personally recommand for least and better development experience.









HTML, CSS support is essential, Tabout - you will need it for sure, ES7 is for react-developer which I will be using all the time, Prettier should also be on must-have list, material icon theme for better look, and search 'theme' to see more theme. ctrl + K + T on window , cmd + K + T then choose whatever theme you feel most comfortable with.

As mentioned earlier, it always means typing when it comes to Coding. let's find a way to upload our precious code to github. Git!
https://git-scm.com/downloads

I think the environment is all set.
Next post will be about making a git repository and first commit of Git.

profile
Reactor

0개의 댓글