This document provides an introduction to web development. It begins by introducing the leads and volunteers for a web development program. It then defines web development as the process of designing, building, and maintaining websites and applications that run in browsers. The document discusses the importance of web development in areas like global connectivity, employment growth, and other domains such as education and e-commerce. It then provides overviews of front-end development, back-end development, and full-stack development. It concludes by suggesting some resources for learning web development.

1. Web Dev 101
Dive into the Basics:
A Web Development Primer for Beginners.

2. Meet the Leads
Aniruddha Kajave
Web Dev Lead
Nilesh Phapale
Web Dev Co-Lead

3. Meet the Volunteers
Yuvraj Chauhan
Web Dev Volunteer
Saloni Shevde
Web Dev Volunteer

4. What is Web Development ?
Brand guide and event kit

5. ● Web Development is the process of designing, building, and
maintaining websites and applications that typically run on a
browser.
● From a static information based website, to a sprawling,
interactive application - web development is a stream that
runs the world wide web.
● With the introduction of Electron JS and React Native, web
development has seamlessly inserted itself into the
application-native domain as well.
What is Web development?

6. Importance of web development in today's world.
Brand guide and event kit

7. ● Global Interconnectivity : Using
hyperlinks.
e.g: you add your linkedin and gitHub
account links to your coding platforms.
● The Bureau of Labor Statistics estimates a
significant growth of up to 27% in web
development employment by 2024.
Global & Individual Importance

8. Brand guide and event kit

9. ● Artificial
Intelligence (AI):
Integrating AI models with
web applications, ensuring
seamless interaction
between AI models and
human users.
Importance in other domains

10. ● Education:
Access to quality education
through online learning
platforms, educational
websites, and virtual
classrooms.
Importance in other domains

11. ● E-commerce:
Web development forms
the backbone of online
stores, enabling
businesses to showcase
their products, process
secure transactions, and
provide a seamless
shopping experience for
customers.
Importance in other domains

12. Front-end Development ?
Brand guide and event kit

13. Front-end Development
● Front-end development refers to the process of creating
the visual part of a website that users interact with
directly such as the images, buttons, and text.
● It's all about making websites look good and work well in
web browsers.
● Plays vital role to show data from servers by processing
them.
● https://academy.mercdev.com

14. Front-end Development Roadmap

15. Back-end Development ?
Brand guide and event kit

16. Back-end Development
● Back-end development refers to the process of building the
logical part of a website, deals with the servers and databases.
● It's all about
○ Taking a request/data from user →
○ processing the data acc. to the request →
○ storing/displaying of data
back to the user by sending it to the front-end.
● If we give input as 2 and 3 , your backend should know what to
return with the received inputs, i.e, in case of multiplication,
return 6.

17. Back-end Development Roadmap

18. Full-stack Web Development ?
Brand guide and event kit

19. Full-stack Web development
● Full-stack web development refers to the
practice of working with both the "front
end" and the "back end" of a website or
web application
● You also need to learn developer tools like:
○ Git, GitHub - a must :)
○ Any IDE or text-editor VS Code
○ Docker + Kubernetes - deployment
○ AWS Services & Cloud - deployment

20. Resources ?
Brand guide and event kit

21. Resources Links

22. Time to build a website !
Brand guide and event kit