Your SlideShare is downloading. ×
0
Prototyping med Microsoft Web Matrix
Prototyping med Microsoft Web Matrix
Prototyping med Microsoft Web Matrix
Prototyping med Microsoft Web Matrix
Prototyping med Microsoft Web Matrix
Prototyping med Microsoft Web Matrix
Prototyping med Microsoft Web Matrix
Prototyping med Microsoft Web Matrix
Prototyping med Microsoft Web Matrix
Prototyping med Microsoft Web Matrix
Prototyping med Microsoft Web Matrix
Prototyping med Microsoft Web Matrix
Prototyping med Microsoft Web Matrix
Prototyping med Microsoft Web Matrix
Prototyping med Microsoft Web Matrix
Prototyping med Microsoft Web Matrix
Prototyping med Microsoft Web Matrix
Prototyping med Microsoft Web Matrix
Prototyping med Microsoft Web Matrix
Prototyping med Microsoft Web Matrix
Prototyping med Microsoft Web Matrix
Prototyping med Microsoft Web Matrix
Prototyping med Microsoft Web Matrix
Prototyping med Microsoft Web Matrix
Prototyping med Microsoft Web Matrix
Prototyping med Microsoft Web Matrix
Prototyping med Microsoft Web Matrix
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Prototyping med Microsoft Web Matrix

1,055

Published on

Published in: Design, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,055
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Tusen takk for at vi fikk lov til komme her i dagForedragsholdere presenterer seg
  • Benytt anledningen til å snakke med oss under middagen etterpå
  • 1 minuteWebMatrix comes with everything you need to get started building websites and web applications:A complete and integrated development environment, with a small download and a simple install. You get a database engine (SQL Server Compact Edition) to handle your data. All the structures you create in this database engine will be compatible with professional versions of SQL Server.WebMatrix supports a Web Server (IIS Express) to serve all your web pages. This web server is compatible with the professional versions of IIS as well.WebMatrix also comes with a new, simple programming framework that allows for rapid development of web sites and web applications. It supports Razor, the latest and simplifiedway to code web sites. It also provides a gallery of free open source applications to complement your development.It comes with an integrated installer that manages the heavy lifting of downloading and installing each component.
  • Benytt anledningen til å snakke med oss under middagen etterpå
  • Transcript

    • 1.
    • 2. Prototyping med Microsoft Webmatrix
      Funksjonell dynamisk prototyping
      NITH
      Øyvind Malin
      15/09
    • 3. Personer
      Øyvind Malin
      Grensesnittsutvikler
      NITH 2011
    • 4. agenda
      Hva er WebMatrix?
      Hva er prototyping
      Hvorfor WM til prototyping?
      RazorSyntax
      Demo: Helpers
      Demo: Open Source Apps
      Demo: Templates
      Demo: App
    • 5. HvaDetteforedragetikkeer?
      Fullstendigintroduksjontil Microsoft WebMatrix
    • 6. 13. oktober
      Fagkveld 13. oktober
      BEKK inviterer til fagkveld i våre lokaler på Vippetangen i Oslo.
      http://www.bekk.no/fagkveld
    • 7. Foreløbig program
      Press Play! On Tape
      The browser – uncovered
      Krøss-plattform –utviklingmobilt
      Introduksjontil Ruby
      Domain Driven Security Code Kata
    • 8. Hvaer Microsoft WebMatrix?
      Microsoft Webmatrixer et nytt gratis vekrtøy for webutviklingfra Microsoft.
      • Razor syntax
      • 9. Helpers
      • 10. OpenSourceApplikasjoner
    • Hvaer Microsoft WebMatrix?
      Customize
      Publish
      Create
      Kilde: Microsoft WebCamps
    • 11. Hvafår du?
      Web Server
      Database
      Development Tool
      Kilde: Microsoft WebCamps
    • 12. Hvemerdet for?
      I’m a professional software developer and I build complex, large scale web sites with a team of developers
      I want to build web sites myself with an easy to learn tool and framework
      I <3 Web Apps. I just need a tool that makes them easier to configure, customize and publish them
      WebMatrix
      WebMatrix
      Visual Studio 2010
      Kilde: Microsoft WebCamps
    • 13. Noen flere?
      Prototying
    • 14. Prototyping
    • 15. Prototyping
      LoFi
    • 16. Prototyping
      HiFi
    • 17. HvorforWebMatrixtil Prototyping?
    • 18. Hvorfor prototyping med Microsoft Webmatrix?
      Myefunksjonalitet – Lite kode
      Kortutviklingstid
      Kreverikkeprogrammeringserfaring
    • 19. Razor Syntax
      • Sværtenkelmåteåkodewebsider
      • 20. Lettåmiksemellomkodeog markup
      • 21. Veldig mange nyttigehjelpere
    • Razor Syntax – Sammenligning
      Web Forms (6 markup transitions):
      <ul>
      <% for (int i = 0; i < 10; i++) { %>
      <li><% =i %></li>
      <% } %>
      </ul>
      <ul>
      <?php
      for ($i = 0; $i < 10; $i++) {
      echo("<li>$i</li>");
      }
      ?>
      </ul>
      PHP(2 markup transitions & an echo):
      <ul>
      @for (int i = 0; i < 10; i++) {
      <li>@i</li>
      }
      </ul>
      Razor (2 markup transitions):
    • 22. Razor Syntax – Skillemellomkodeog Markup
      @{
      var name = “John Doe”;
      <div>
      Your name: @name
      </div>
      }
      Option 1:
      HTML Block
      @{
      var name = “John Doe”;
      <text>
      Your name: @name
      </text>
      }
      Option 2:
      Text Block
      @{
      var name = “John Doe”;
      @: Your name: @name
      }
      Option 3:
      Single line of output
      in markup
    • 23. Razor Syntax – Kommentarer
      @*
      <div>
      Hello World
      </div>
      *@
      Option 1:
      Markup
      @{
      //var name = "John Doe”;
      //@name
      }
      Option 2:
      Code
      @*
      @{
      var name = "John Doe";
      @name
      }
      *@
      Option 3:
      Both
    • 24. Demo
      Helpers
    • 25. Demo
      OpenSource apps
    • 26. Demo
      Templates
    • 27. Demo
      App
    • 28. Demo
      Deploying
    • 29. Spørsmål?
      Takk for meg
      Øyvind Malin
      Konsulent, Interactive
      oyvind.malin@bekk.no / Tlf. 909 71 598
      http://www.bekk.no
      @oyvindmal
      http://oyvindm.no

    ×