Introduction to web application development
Download as PPTX, PDF•0 likes•1,156 views
The document provides an introduction to web application development, covering essential components such as HTML, CSS, JavaScript for frontend development, and web servers, server-side scripting, and databases for backend development. It also discusses the importance of web hosting and domain names in making websites publicly available. Key takeaways highlight the separation of frontend and backend technologies fundamental to building web applications.
Introduction to web application development
- 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 ?
- 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.
- 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.