Introduction to web application development. This slides are only for beginners, school students not for advanced level.

1. Introduction to
Web Application Development
- Ayyappadhas K B, Solutions Architect

2. Takeaways
● What is a web application
● How you can develop a web application
● Components involved in the web development
● Domain Name
● Web Hosting

3. What do you know about web?

4. Before that you need some knowledge !
Computer Internet Web Browsers

5. Domain Name or website
address
http://www.google.com

6. How the website is loading into your
browser?

7. How the website is loading into your
browser?

8. Can I build a website ?

9. Things to know

10. Things to know - Frontend

11. Things to know - Backend
Web Server
Server Side Scripting
Database

12. HTML - Hypertext Markup Language
● Documents designed to be displayed in a web browser
● Web browsers receive HTML documents from a web
server and render the documents into multimedia web
pages.
● HTML elements are the building blocks of HTML pages.
● HTML tags

13. HTML - Hypertext Markup Language

14. CSS - Cascade Style Sheets
● Is a style sheet language used for describing the
presentation of a document written in a markup
language such as HTML.
● CSS is designed to enable the separation of
presentation and content, including layout, colors, and
fonts.
● CSS Properties

15. CSS - Cascade Style Sheets

16. Javascript
● Validating User’s Input
● Simple Client-side Calculations
● Platform Independent - works inside the browser
● Generating HTML Content

17. Javascript

18. Web Server - apache2
● Create one or more websites.
● Configure log file settings, including where the log files
are saved, what data to include on the log files etc.
● Configure website/directory security
● Handling http Request/Response

19. Server Side Scripting - PHP
● server-side scripting is essential to run dynamic pages
on these browsers
● Server-side scripting reduces the loading time for web
pages
● As the scripting takes place on the server, it prevents
business logic to be secured and decreases chances of
being hacked

20. Database - MySql
● Can store the data for future usage
● Organise and reuse the data.
● Can define a structure for data.
● Data Transformation and Presentation

21. What’s next ?

22. Web Hosting

23. Web Hosting
● Moving your files to a remote location/computer
● Make it available for public
● Secure your data, code and web page.

24. Web Hosting Providers

25. Web Hosting Providers

26. Ok, I have hosted my website
How can I make it available for public ?

27. You need a domain name

28. You need a domain name

29. That’s it your website is ready

30. Takeaways
● HTML, CSS, Javascript - Frontend
● Web Server, Server Side Scripting, Database - Backend
● Web hosting
● Domain name.