Coding for the cloud - development of modern web applications
Download as PPTX, PDF0 likes347 views
The document outlines a presentation on web development covering both classic and modern approaches, addressing the variety of tools and frameworks available to developers. Key topics include the rise of JavaScript and its ecosystem, the use of Node.js, TypeScript, and popular frameworks such as React and Express.js. It concludes with information on development environments, code repositories, and an invitation to an upcoming event.
Coding for the cloud - development of modern web applications
- 1. April 16 Coding for the Cloud Wekoslav Stefanovski @swekster
- 2. Agenda • Web development – classic and modern ways • State of the development world • Demo
- 3. Basically, this talk is….
- 4. Web Development • It has to do with the internet • Usually some kind of user interface is involved • Some kind of client processing • Some kind of server processing • Of course, we have some kind of data store • The scale of things is dramatic, from microscopic to astronomical • Done by web developers
- 5. How do we develop webs? • I have no idea, do you? • There are lots of ready made solutions: Wordpress, Joomla, Django, Drupal – do we count those as web development? • There are lots and lots of choices for every step of the way, how do we choose?
- 6. Classic Microsoft Way • Web Forms on the server • Whatever Web Forms generated on the client • SQL Server for the database • Code is in some private repository • Hosted on a private server, or the cheapest hosting service that had .net • Not spoiled by choice • But everything worked out of the box
- 7. The New, Modern, Hip Way • JAVASCRIPT EVERYWHERE! • ITS’ THE BESTEST OF ALL LANGUAGES • To be honest, JavaScript is the only universal language across the stack. • And it does have some good parts. • The rise of the JavaScript framework • The rise of the thick client
- 8. VB6 Client – Server model Dataset SQL Database Server Desktop Client
- 9. Modern SPA model Dataset SQL Database Server Desktop Client Web Server Web Client HTTP API Request JSON Data
- 10. IKEA Web Development • You get the parts, and assemble them yourself • Enables incredible customization power • Whether you wanted it, or not • Command line is back, with a vengeance
- 12. Editor: Visual Studio Code • Very light-weight • Very extension based • Very multi-platform • Built on Chromium with TypeScript • Great development experience for js and ts • Somewhat integrated debugger
- 13. Server: Node.js • Chrome’s V8 on a desktop machine • Extremely light • Multi platform by design • Rabid community support • npm is the comic relief sidekick • Every package imaginable that you might need • And every package you don’t need • But you’ll get it anyway
- 14. Language: Typescript • Compile-to-Javascript language • Very similar to Javascript • Any valid Javascript is valid Typescript • Open source, available on all platforms • Can target specific Javascript levels • Can be debugged as easy as Javascript
- 15. Web Framework: Express.js • Minimalist Node.js framework • Extremely easy to get going • Designed for API infrastructure • Of course, lots of plugins • Quite performant
- 16. Database: SQL Server • Industry standard for the longest time • Nice performance (for nicely tuned databases) • Finally, multi-platform?
- 17. Client Framework: React • User interface oriented framework • Component based – but you make the components • Uses Virtual DOM • Relatively weird syntax
- 18. Code repository: GitHub • De facto standard in the developer community • Basically, the Internet is hosted on GitHub • Uses Git as source control • Great (and easy) tooling
- 19. Hosting Environment: Azure • Integration with GitHub • SQL Server Available • Automatic deployments • Multiple deployment slots
- 20. Any Questions? Don’t be shy
- 21. Upcoming events SQLSaturday #519 in may! http://www.sqlsaturday.com/519/
- 22. Thanks to our Sponsors: Global Sponsor: Platinum Sponsors: Swag Sponsors: Media Partners: With the support of: