Downloaded 114 times
Uploaded byAditya Raman
Web Development
The document provides an overview of web development, defining it as the process of planning and creating websites, which ranges from simple text pages to complex applications. It outlines essential technologies, best practices for web design, and future trends like WebRTC, while also addressing the scope of web development in terms of career opportunities and resources for learning. Key considerations for web design include visitor-centric approaches, navigation, security, and accessibility.
More Related Content
Web Development
- 1.
- 2.
- 3. LET’S BEGIN - WHATIS THIS ? - WHY THIS ? - HOW ? - WHERE TO BEGIN ? - WHAT TO DO ? - YES, I AM READY !
- 4.
- 5. WHAT IS WEBDEVELOPMENT ? ● Web Development is the planning and creation of websites. ● It deals with the process of developing a website. ● Web development ranges from creating plain text pages to complex web-based applications, social network applications and electronic business applications.
- 6. What the webis ?
- 7. What a webapplication is ?
- 8. Web pages cancontain programs too.
- 9.
- 10. Why you should??? 1. What is the purpose and goal of your website? 2. What is your expected outcome from your Website? 3. How much money and time are you willing to spend on your website? 4. Who is your target audience and how will your website be designed to reach them?
- 11.
- 12.
- 13. The web developmenthierarchy is as follows: ● Client-side coding ● Server-side coding ● Database technology
- 14. Client ? A clientis a computer hardware device or software that accesses a service made available by a server. The server is often (but not always) located on a separate physical computer.
- 15. Server ? A serveris a physical computer dedicated to run services to serve the needs of other computers. Depending on the service that is running, it could be a file server, database server, home media server, print server, or web server.
- 16. Primary technologies forthe web ● Markup Languages ○ HTML, DHTML, XML, XSLT, etc.... ● Cascading Style Sheets (CSS) ● Scripting languages ○ perl,javascript,php, etc.... ● Web creation and editing software ○ Notepad, FrontPage, Coldfusion, Flash, Hotmetal, Site Builder, etc..
- 17.
- 19. Content is important,but content alone will not make your site work.
- 20. 12 Principles of‘GOOD’ web design
- 21. 1. Visitor-centric, clearpurpose 2. Progressive disclosure
- 22. 3. Displays quickly 4.Browser compatible
- 23. 5. Intuitive navigation 6.Spelling, grammar, writing
- 24. 7. Secure (eCommerce) 8.Attractive design, easy to read
- 25. 9. Cultural bias?(Regional? Domestic? International?) 10. No technical problems (broken links, buggy scripts)
- 26. 11. Maintainable (separatecontent from style) 12. Search Engine Accessible
- 27. Future of WebDevelopment
- 28. WebRTC WebRTC is afree, open project that provides browsers and mobile applications with Real-Time Communications (RTC) capabilities via simple APIs. The WebRTC components have been optimized to best serve this purpose WebRTC is designed to work peer-to-peer, so users can connect by the most direct route possible. However, WebRTC is built to cope with real-world networking: client applications need to traverse NAT(Network address translator) gateways and firewalls, and peer to peer networking needs fallbacks in case direct connection fails. Source: https://webrtc.org
- 29. Scope of WebDevelopment
- 30. Scope of WebDevelopment Web Development intern in India 2978 Results Source: LinkedIn Date : Aug 22, 2019
- 31. SALARY As a Fresher -10,000 to 25,000 (INR) After 2-3 years of experience - 25,000 to 50,000 (INR) Professionals - 6 figure income
- 32. Are you readyto contribute ?
- 33.
- 34.
- 35. ● World WideWeb Consortium The organization responsible for creating official web standards http://www.w3c.org/ ● W3Schools Online web tutorials (also contains web statistics) http://www.w3schools.com/ ● Coursera https://www.coursera.org ● Edx https://www.edx.org/
- 36. ● Web StyleGuide A thorough and accessible guide to Web design http://www.webstyleguide.com/ ● Jacob Nielsen’s Use It A web site devoted to accessibility issues http://www.useit.com/ ● Cool HomePages.com A listing of the “coolest” home pages http://www.coolhomepages.com/ ● Vincent Flander’s Web Pages That Suck Learn good design by looking at poorly designed web sites http://www.webpagesthatsuck.com/
- 37. ● Web SiteOptimization Analyzer Analyze time it takes for web site to load http://www.websiteoptimization.com/services/analyze/ ● Web Browser Statistics http://www.w3schools.com/browsers/browserstats.asp ● disABILITY Information and Resources A listing of web sites to help make web pages more accessible http://www.makoa.org/ ● Lynx Viewer Emulations of lynx (text web browser) http://www.delorie.com/web/lynxview.html http://www.yellowpipe.com/yis/tools/lynx/lynx_viewer.php
- 38. ● WebTV Viewer Anemulation of the WebTV browser http://developer.msntv.com/Tools/WebTVVwr.asp ● HTML Validator Validates HTML code http://validator.w3.org/ ● Bobby Accessibility Validator Validates web sites for accessibility issues http://bobby.watchfire.com/ ● August 2005 Connection Speed Statistics: http://www.websiteoptimization.com/bw/0508/
- 39.
- 40. What is theacronym of www
- 41. What is theacronym of www world wide web
- 42. Which one ofthese is used in Server Side Development? CSSDjango HTML5
- 43. Which one ofthese is used in Server Side Development? Django
- 44. A) Graphic interface B)Database programming C) PHP Scripts D) HTML programming E) Interface design Which of the following tasks or elements would be considered back-end ?
- 45. - B) Database programming -C) PHP Scripts Which of the following tasks or elements would be considered back-end ?
- 46. What is theacronym of https
- 47. What is theacronym of https Hypertext Transfer Protocol Secure
- 48.