Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

deployment added #416

Merged
merged 21 commits into from
Jun 14, 2024
Merged
Changes from 10 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
178 changes: 147 additions & 31 deletions Web Development/readme.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
# Web Development 🌐

This category is a curated collection of valuable web development resources contributed by amazing contributors. Here, you will find a wide range of materials and information about web development.

## Table of Contents
Expand All @@ -14,6 +15,7 @@ This category is a curated collection of valuable web development resources cont
- [Front-End Development](#front-end-development)
- [Back-End Development](#backend-development)
- [Full-Stack Development](#full-stack-development)
- [Deployment](#deployment)

- [Tools](#tools)<br>
- [Typography](#typography)
Expand All @@ -25,6 +27,7 @@ This category is a curated collection of valuable web development resources cont
- [Chrome extenstion](#chrome-extenstion)
- [Stock Photos & Videos](#stock-photos-videos)
- [SVGs](#svgs)
- [Hosting](#hosting)
- [Other Tools](#other-tools)
- [UI Components](#ui-components)<br>
- [Books](#books)<br>
Expand All @@ -40,10 +43,13 @@ This category is a curated collection of valuable web development resources cont
- [Challenges](#challenges)<br>
- [Best Practices](#best-practices)
- [Projects](#projects)

- [Beginner level](#beginner-level-projects)
- [Intermediate level](#intermediate-level-projects)
- [Advanced level](#advance-level-projects)

- [Technology stacks](#technology-stacks)

- [Building Web Applications with LAMP Stack](#building-web-applications-with-lamp-stack)
- [Creating Web Apps with MEAN Stack](#creating-web-apps-with-mean-stack)
- [Creating Web Applications with Ruby on Rails](#creating-web-applications-with-ruby-on-rails)
Expand All @@ -52,10 +58,12 @@ This category is a curated collection of valuable web development resources cont
- [Developing Web Applications with ASP.NET](#developing-web-applications-with-aspnet)
- [Developing Web Apps with MERN Stack](#developing-web-apps-with-mern-stack)

- [Blogs](#blogs)

### Roadmaps

> Step-by-step guide for front-end, back-end, and full-stack development.

#### Front-End Roadmap

<table width="100%">
Expand Down Expand Up @@ -407,6 +415,47 @@ Simple tutorial with social sign in, tweeting, likes/hearts, comments/replies, p
</tr>
</table>

### Deployment

<table width="100%">
<tr>
<th>Resource Name</th>
<th>Description</th>
</tr>
<tr>
<td><a href="https://www.youtube.com/watch?v=Z2DZntrqM2g">Can you Code a Product from Development to Deployment (as the only coder)?
</a></td>
<td>
Coding a product from development to deployment all alone? Is it possible? Today I will share some of my experiences pertaining to the same!
</td>
</tr>
<tr>
<td><a href="https://www.youtube.com/playlist?list=PLIPSN1xWXb-BM4ong88IF3sUfK7Ar0bfi">Website Testing and Deployment||Web Development Fundamentals||Edunet Foundation||APSCHE||AICTE

</a></td>

<td>
Coding a product from development to deployment all alone? Is it possible? Today I will share some of my experiences pertaining to the same!
</td>
</tr>
<tr>
<td><a href="https://www.youtube.com/watch?v=_LIuNAu5Ktc">HOST a website for FREE using AWS? | Deploy a Website to AWS in Under 8 Minute | AWS + DevOps
</a></td>
<td>
How to HOST a website for FREE using AWS? | Static Website Hosting with AWS | Genie Ashwani
</td>
</tr>
<tr>
<td><a href="https://www.youtube.com/watch?v=4eMnz8VbgyM">Host Website for FREE using Github Pages | Web Development Course
</a></td>

<td>
In this video, We will learn how to Host our Website for Free using Github Pages.
</td>
</tr>

</table>

### Tools

> Explore an amazing set of web development tools for working with text, images, icons, colors, extensions, and much more.
Expand Down Expand Up @@ -956,6 +1005,39 @@ Simple tutorial with social sign in, tweeting, likes/hearts, comments/replies, p
</tr>
</table>

#### Hosting

<table width="100%">
<tr>
<th>Resource Name</th>
<th>Description</th>
</tr>
<tr>
<td> <a href="https://www.godaddy.com/en-in/hosting/web-hosting">GoDaddy</a></td>
<td>GoDaddy's Reliable Web Hosting keeps your website up and running. Featuring 99.9% uptime guarantee and award winning 24/7 tech support.</td>
</tr>
<tr>
<td> <a href="https://www.hostinger.in/web-hosting">Hostinger</a></td>
<td>Buy web hosting plans that come with a domain and everything you need to launch a site. Experience a reliable hosting service with 99.9% uptime guarantee.</td>
</tr>
<tr>
<td> <a href="https://firebase.google.com/products/hosting">Firebase</a></td>
<td>BuFirebase Hosting Fast, secure hosting for static websites. Deploy static websites in seconds using a global CDN.</td>
</tr>
<tr>
<td> <a href="https://cloud.google.com/solutions/web-hosting">Google Cloud</a></td>
<td>Web hosting services from Google Cloud. Host everything from blogs to dynamic websites in the cloud with Click to Deploy or customized solutions.</td>
</tr>
<tr>
<td> <a href="https://azure.microsoft.com/en-in">Microsoft Azure</a></td>
<td>Invent with purpose, realize cost savings, and make your organization more efficient with Microsoft Azure's open and flexible cloud computing platform.</td>
</tr>
<tr>
<td> <a href="https://aws.amazon.com/websites/">Amazon Web Services (AWS)</a></td>
<td>AWS offers a cloud web hosting solution that provides businesses & organizations with a flexible, scalable, low-cost way to deliver websites & applications.</td>
</tr>
</table>

#### Other Tools

<table width="100%">
Expand All @@ -967,6 +1049,10 @@ Simple tutorial with social sign in, tweeting, likes/hearts, comments/replies, p
<td> <a href="https://overapi.com/">Over API</a></td>
<td>overapi. com is a site collecting all the cheatsheets,all! Computers Electronics and Technology-> Programming and Developer Software.</td>
</tr>
<tr>
<td> <a href="https://www.netlify.com/">Netlify</a></td>
<td>Connect everything. Build anything. Netlify is the essential platform for the delivery of exceptional and dynamic web experiences, without limitations.</td>
</tr>
</table>

### UI Components
Expand Down Expand Up @@ -1518,11 +1604,12 @@ This section contains hundreds of coding challenges that test your knowledge of
</tr>
</table>

### Projects
### Projects

> These Projects help you gain real time website building exprience by building these projects.

#### Beginner level projects
#### Beginner level projects

<table width="100%">
<tr>
<th>Resource Name</th>
Expand Down Expand Up @@ -1583,7 +1670,7 @@ This section contains hundreds of coding challenges that test your knowledge of
<tr>
</table>

#### Intermediate level projects
#### Intermediate level projects

<table width="100%">
<tr>
Expand Down Expand Up @@ -1774,75 +1861,71 @@ This section contains hundreds of coding challenges that test your knowledge of
#### Creating Web Apps with MEAN Stack

<table width="100%">
<tr>
<th>Resource Name</th>
<th>Description</th>
</tr>
<tr>

<td><a href="https://www.mongodb.com/resources/languages/mean-stack"> Introduction to MEAN stack</a></td>
<td>
This link helps you to discover what the MEAN stack is, how it can be used and works, the pros and cons of the MEAN stack.
</tr>
<tr>
<td><a href="https://www.geeksforgeeks.org/mean-stack/">MEAN Stack Roadmap</a></td>
<td>
Here is a roadmap for mastering MEAN Stack development involves progressing through various steps, acquiring skills in each component, and gaining hands-on experience.
</td>
</tr>
Here is a roadmap for mastering MEAN Stack development involves progressing through various steps, acquiring skills in each component, and gaining hands-on experience.
</td>
</tr>
<tr>
<td><a href="https://www.w3schools.com/angular/">Angular,Front-end application framework</a></td>
<td>
This is a complete tutorial to start learning AngularJS,a JavaScript framework from basic to adavance level
</td>
</tr>
</tr>
<tr>
<td><a href="https://learn.mongodb.com/learning-paths/introduction-to-mongodb">A step to learn MongoDB</a></td>
<td>
This learning path includes connecting to a MongoDB database, how to conduct simple CRUD operations, and key topics such as aggregation, indexing, data modeling, and transactions.
</td>
</tr>
</tr>
<tr>
<td><a href="https://www.tutorialspoint.com/nodejs/index.htm">Node.js Overview</a></td>
<td>
This is a Node.js Tutorial that guides you right from Installation of Node.js to Connecting MongoDB
This is a Node.js Tutorial that guides you right from Installation of Node.js to Connecting MongoDB
</td>
</tr>
</tr>
<tr>
<td><a href="https://youtu.be/f2EqECiTBL8?si=W6GNhgm9OCG5urP4">Express.js--a Node.js framework</a></td>
<td>
This video gives you complete knowledge from Node.js along the path to Express.js
This video gives you complete knowledge from Node.js along the path to Express.js
</td>
</tr>
</tr>
<tr>
<td><a href="https://youtu.be/rCkTNAmWwCE?si=ERhGUWNz5Wsz-Tnf">Connect Angular with Express JS</a></td>
<td>
In this video tutorial, you'll learn how to integrate Angular with Express.js to build a full-stack web application. We'll guide you through the process of setting up a backend API using Express.js, which will serve as the backend for your Angular frontend.
</td>
</tr>
</tr>
<tr>
<td><a href="https://youtu.be/J8FkH5dPoZ0?si=MhQjs-uctSgmAaOF">Connect ExpressJS with MongoDB</a></td>
<td>
In this video, we'll make a connection to a MongoDB database using the mongodb module in Node.js.
</td>
</tr>
</tr>
<tr>
<td><a href="https://youtu.be/48SUuk8e55c?si=47ZU4UP5ld9g7TAZ">Complete course on MEAN Stack</a></td>
<td>
This is a All-In-One Course on MEAN stack for the developer
</td>
</tr>
This is a All-In-One Course on MEAN stack for the developer
</td>
</tr>
<tr>
<td><a href="https://www.geeksforgeeks.org/build-a-simple-web-app-with-express-angular/">A simple web app with Express and Angular</a></td>
<td>
This an article that helps you in buliding an application using Angular and Express.
</td>
</tr>
</td>
</tr>
<tr>
<td><a href="https://www.theknowledgeacademy.com/blog/mean-stack-projects/">Best MEAN Stack Projects Ideas</a></td>
<td>
This blog guides you with 10 MEAN Stack project ideas range from e-commerce platforms and social media applications to educational websites and financial management tools.
</td>
</tr>
This blog guides you with 10 MEAN Stack project ideas range from e-commerce platforms and social media applications to educational websites and financial management tools.
</td>
</tr>
<tr>
<td><a href="https://medium.com/@OffshoreITStaffing/apps-built-with-mean-stack-and-mern-stack-47a7c0aa1ab3">Applications built on MEAN stack</a></td>
<td>
Expand All @@ -1853,10 +1936,10 @@ This section contains hundreds of coding challenges that test your knowledge of
-Tumblr
-ShutterStock
-PayTm
</td>
</tr>
</table>
</td>
</tr>

</table>

#### Creating Web Applications with Ruby on Rails

Expand Down Expand Up @@ -2209,8 +2292,41 @@ This section contains hundreds of coding challenges that test your knowledge of
</tr>
</table>

### Blogs

<table width="100%">
<tr>
<th>Resource Name</th>
<th>Description</th>
</tr>
<tr>
<td><a href="https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Deployment">MDN Web Docs</a></td>
<td>
The build process · Open the package. · We'll add a build command that we can run to build our code. · You should now be able to run the website.
</td>
</tr>
<tr>
<td><a href="https://www.codecademy.com/learn/deploy-a-website">Codecademy</a></td>
<td>
Deploying—or pushing new code to a server—is an integral part of a developer's daily workflow. Knowing the relationship between your computer.
</td>
</tr>
<tr>
<td><a href="https://www.spaceotechnologies.com/blog/web-app-deployment/">SpaceQ Technologies</a></td>
<td>
Web app deployment refers to the process of making a web application available for end users to interact with on the internet.
</td>
</tr>
<tr>
<td><a href="https://www.brmwebdev.com/web-design/deployment">brmwebdev</a></td>
<td>
Deployment is the final phase of our project. Once your website has been tested thoroughly, we will deploy it to a fast, secure, & highly scalable server.
</td>
</tr>
</table>

### Conclusion

Web development is an exciting and constantly evolving field that focuses on creating websites and web applications for the internet. With the ever-increasing reliance on digital platforms for everything from shopping and socializing to business and education, web development has become a critical skill. The iterative process of web development, from planning and designing to coding and testing, emphasizes the importance of usability, performance, and security. The web development community is vibrant and supportive, offering a wealth of resources like tutorials, forums, and online courses to assist both beginners and experienced developers. To excel in web development, hands-on experience and continuous learning are key—participate in coding challenges, contribute to open-source projects, and build your own websites to refine your skills and showcase your work. This practical approach not only enhances your technical proficiency but also opens up numerous career opportunities in the rapidly growing field of web development.

Never stop learning !
Never stop learning !