webdevelopment, engineering, institue of engineering purwanchal campus , Nepal, Dharan

web development pptx , slides for beginneers

1. WEB DEVELOPMENT
Begineer's Guide
to
Sagar Timalsina
Software Engineer, Growthzilla
Introduction to Engineering

2. 21 3
Presentation Outline
Introduction
to WWW
Into Web
Development
Beyond Web
Development

3. World Wide Web (WWW)
Web is a system of interconnected
documents and resources accessible through
the internet
Invented by Sir Tim Berners-Lee
in 1989
Made Up of websites and
hyperlinks​

4. How Does Web Work ?

5. Client
Client
Server
Client
Client

Client - Server Model

6. Request
Response
Client
How Does Web Work ?

7. Understood something?Understood something?

8. Before we start . . .

How do we get to the server ?How do we get to the server ?

9. URL (Uniform Resource Locator)
Domain Name System (DNS)
HTTP
We use these

10. Web
Development
Let's swing into

11. Web Development
Creating and Maintaining websites
and web applications​
Building functional and visually
appealing online experiences. ​

12. Frontend
Development
Backend
Development
Visual Appearance
Interactivity
Usabilty
Database Management
APIs
Server Side Logic

13. BackendBackend FrontendFrontend

14. Frontend
Development
Backend
Development

15. Frontend
Development
Backend
Development
Me as
Full-stack
developer

16. Me and my friend fighting aboutMe and my friend fighting about
front end vs back endfront end vs back end

17. Basic Web Development Technologies

18. Uses a series of tags to define the
structure and content of a page. ​
Web browsers interpret the HTML
code and display the page .​
Body or skeleton
HyperText Markup Language

19. CSS is used to control its presentation
and style. ​
CSS allows you to specify a web
page's layout, colours, fonts, and
other visual aspects. ​
Enhances the aesthetics and overall
user experience of the website.​
Cascading Style Sheets

20. Le me Selecting
Colour in my
website using CSS
Le me Selecting
Colour in my
website using CSS

21. Powerful scripting language
Provide a richer and more engaging
user experience.​
Adds interactivity and dynamic
behaviour
JavaScript

22. API'sAPI's DatabaseDatabase

23. Database
Store Data Retrieve Data Organize Data

24. Server Side Logic
Processing Validation Operations

25. Dynamic
Website
Static
Website

26. Frameworks
Covers aspects like data
management ,security ,routing etc.
Foundation and a set of tools for
building applications

27. Libraries​
Collection of pre-written code
modules or functions
Provide ready made code for
developer to incorporate in
application

28. Responsive Design
Performance Optimization
Security
Accessibility
Factors to consider

29. Resources
Mozilla Developer Network
Documentation
Youtube
IT Club

30. Youtube
Traversy Media
Code with harry
Free Code Camp
Programming with Mosh

31. MAKING YOUR OWN WEBSITE
https://www.register.com.np
Go to
& register your own domain
for free !!
yes ! It's FREE !!!

32. WHERE TO HOST ?

33. After you complete
your own website and
deploy it
After you complete
your own website and
deploy it

34. CLOUD DEPLOYMENT
Infrastructure as a service
Platform as a service
Software as a service

35. Any QUestions?Any QUestions?
Thank you !