https://github.com/atiilla/webdevfeb23
This is a collection of roadmaps, tutorials, cheatsheets for learning web development.
https://github.com/atiilla/webdevfeb23
Last synced: 6 months ago
JSON representation
This is a collection of roadmaps, tutorials, cheatsheets for learning web development.
- Host: GitHub
- URL: https://github.com/atiilla/webdevfeb23
- Owner: atiilla
- Created: 2023-04-07T12:53:22.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-09-05T12:00:00.000Z (about 2 years ago)
- Last Synced: 2025-03-26T12:21:21.644Z (7 months ago)
- Language: JavaScript
- Size: 51.2 MB
- Stars: 4
- Watchers: 3
- Forks: 10
- 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 "youremail@gmail.com"
# 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)