Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/atiilla/web-development

This is a collection of roadmaps, tutorials, cheatsheets for learning web development. It is intended to be a comprehensive collection of resources, but it is not intended to be a comprehensive list of everything that exists on the web. If you have any suggestions for additional resources, please feel free to open an issue or pull request.
https://github.com/atiilla/web-development

backend deployment ebooks expressjs front-end javascript linux mongodb nodejs reactjs web-development web-development-tools

Last synced: 16 days ago
JSON representation

Host: GitHub
URL: https://github.com/atiilla/web-development
Owner: atiilla
Created: 2022-10-07T08:24:04.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2023-03-10T12:22:29.000Z (almost 2 years ago)
Last Synced: 2024-11-25T23:35:14.050Z (3 months ago)
Topics: backend, deployment, ebooks, expressjs, front-end, javascript, linux, mongodb, nodejs, reactjs, web-development, web-development-tools
Language: JavaScript
Homepage:
Size: 330 KB
Stars: 2
Watchers: 1
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # Web Development

## What is Web Development?

Web development is the work involded in developing a web site for the Internet (World Wide Web) or an intranet (a private network). Web development can range from developing a simple single static page of plain text to complex web-based internet applications (web apps), electronic businesses, and social network services.

## Are you front-end or back-end developer?

* Front-end developer is a person who is responsible for the visual part of the website. He is responsible for the design and the user experience of the website.

* Back-end developer is a person who is responsible for the server-side of the website. He is responsible for the functionality of the website.

- [Html5](Basics/README.md)

- [Css](/Basics/README.md)

- [Bootstrap5](/Basics/README.md)

- [Javascript (ES5, ES6, ES7)](/Basics/README.md)

- [React.js](/Reactjs/README.md)

- [Node.js](Nodejs/README.md)

	- [Express.js](Nodejs/README.md)

    - [MongoDB](Database/README.md)

- [Deployment](Deployment/README.md)

- [Exercises](Exercises/README.md)

# Software Requirements

- Visual Studio Code [https://code.visualstudio.com/]

	-  Live Server VSCode Extension: [https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer]

	-  Live Share VScode Extension: [https://code.visualstudio.com/learn/collaboration/live-share]

- Node.js: [https://nodejs.org/en/download/]

  

# Getting Started with Git

* Download git tool: https://git-scm.com/downloads

# Github first Config

* git config --global user.name "githubUsername"

* git config --global user.email "[email protected]"

# Github Clone of Repository

* git clone https://github.com/username/Repositoryname {example}

# Github push project to repo

* git init

* git add *

* git commit -m "commitMessage"

* git branch -M main

* git add remote origin https://github.com/username/YourRepository.git

* git push -u origin main

 

# Github Update of Repo

* git add * (or single file which is updated)

* git commit -m "commit Message"

* git push -u origin main

**Video Tutorials for Installation and Software configurations:**

- [Git](https://www.youtube.com/watch?v=SWYqp7iY_Tc)

- [Install Node on windows](https://www.youtube.com/watch?v=3F5IaPqj7ds)

- [Install Node on mac](https://www.youtube.com/watch?v=Ue6g4udgbdI)

- [Install Node on linux](https://www.youtube.com/watch?v=P6rPI7x28nY)

- [Install vscode on windows](https://www.youtube.com/watch?v=JPZsB_6yHVo)

- [Install vscode on mac](https://www.youtube.com/watch?v=E2oA1__0zyY)

- [Install vscode on linux](https://www.youtube.com/watch?v=rDaqEShUMKU)