This presentation will cover the fun of making an new web application from File->New, to a fully functional and Azure automatically deployed application. On that road, some great tools will be shown, staring with Visual Studio Code through Github Desktop to the Azure Management Portal and the Visual Studio Online Editor.

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

11. DEMO
Introducing the team

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: