Top Web Development Technologies 2020

Agenda:
- Web Technologies of 2020
- Web Frameworks - RoR, Django, JavaScript (in-depth)
- Languages used in Web Development
- Single Page Applications (SPA), Accelerated Mobile Pages (AMP), Progressive Web Apps (PWA)
- Overview of Web tools, Mobile-first & Responsive UI
- AMA in end

Transcript

1. Web Development ~A beginner's guide by Sarthak Jain
2. About Me • Currently BTA at ZS Associates • Ex- APM At Coding Blocks • Job Offers from Collegedunia, IDfy, Astra Securities, Unilodgers and Coding Blocks • Active OnePlus Community Expert and XDA Developer and Contributor • Open Source and Community Guy • Speaker, Mentor and Evangelist You can know more about me at https://www.sarthakj.me/ If you’re interested in grabbing coffee, please send an email my way at hello@sarthakj.me
3. 1. Why Web ??? Living in the digital world, a website is crucial for anyone. The web has a far more extensive reach than any other form. ➔ Ease Of Access It very easy for people to find you, You can influence what is to be shown. ➔ Appeal of a Tech Job Give people a reason to hire you. Web dev jobs are relatively well paid. ➔ Shaping Future & Solving Problems A fast-paced challenging career and changing the way technology and the world works.
4. How many Things do you need to know to Develop Websites? Pro Tip Not Many !!!! While the basic one can be made in matter of minutes with HTML.
5. Front-End Tip Front-end web development is the practice of converting data to a graphical interface, So that users can view and interact with that data. Presentation of your product or idea. **client-side development
6. Back-End Tip Back end development refers to the server side of an application and everything that communicates between the database and the browser The back end of a website consists of a server, an application, and a database. **server side of development
8. Client and Server Side Page Rendering In server-side rendering, when a user makes a request to a webpage, the server prepares an HTML page by fetching user-specific data and sends it to the user’s machine over the internet. Client-side rendering is a new approach to rendering websites, and it didn't really become popular until JavaScript libraries started incorporating it. It’s rendering content in the browser using JS. A blank HTML document with a JS file in initial loading is received, which renders the rest of the site using the browser.
9. Single Page Applications (SPA) SPAs gain their popularity due to JavaScript frameworks rise. It helps us avoid seamless communication with the server and show better page performance What There is no need to be stuck on an approach where every action made on the page like clicks on various buttons leads to one more web page downloaded from a server. Who Gmail, Google Maps, Twitter, Google Drive
10. History of SPA Web browser JavaScript frameworks and libraries, such as AngularJS, Ember.js, ExtJS, Knockout.js, Meteor.js, React and Vue.js have adopted SPA principles. 2010–2015: JavaScript Frameworks are born i.e. Backbone, Ember, AngularJS, React, Angular, Vue. HTML5 is announced. Tip Tell the audience about this and they will start noticing it !!
11. What FrontEnd Developers are USing ?? Vue React.Js Angular
12. Major companies using different FE frameworks
13. BackEnd Frameworks • Django • Rails • Flask • Express • Spring MVC
14. Major companies using different BE frameworks
15. Meet PWA A progressive web application is a type of application software delivered through the web, built using common web technologies including HTML, CSS and JavaScript. It is intended to work on any platform that uses a standards-compliant browser. Examples Tinder 9Gag OLX Starbucks MakeMyTrip
16. The AMP AMP (previously Accelerated Mobile Pages) is an open source HTML framework developed by the AMP Open Source Project. AMP is optimized for mobile web browsing and intended to help web pages load faster. Examples eBay Myntra Snapdeal Bing
17. How Are They Different and What Should You Choose? Both PWA and AMP were designed to enhance a user’s web experience while using a mobile device compatible platform.
18. JavaScript Frameworks
19. Jobs and Internships
20. Milestones Learning Action Time Learning Research and learn Web Technologies Make Projects Build cool web apps Hosting Showcase your Projects to people Apply for jobs Update your RESUME
21. Google Trends - FE Worldwide for last 5 years
22. Google Trends - BE Worldwide for last 5 years
23. Where to Apply ??? Naukri.com, Indeed, Shine, Cutshort, Monster Jobs, workindia etc
24. Good luck! Ace Interviews and get hired
25. Ask Me Anything ?
26. Thank You ~You’ve been an amazing audience for the session !!! Feel free to reach out on LinkedIn https://www.linkedin.com/in/sarthak-jain24apr98