HT16 - DA156A - Ramverk och bibliotek

1. Ramverk & bibliotek för
webbutveckling

2. De grundläggande tankarna bakom ramverk är
enkla: Samla fungerande kod och gör den
återanvändbar. Passa samtidigt på att presentera
ett enhetligt sätt att skriva kod.
http://computersweden.idg.se/2.2683/1.606077/ramverk-eller-inte-ramverk--det-ar-fragan

3. Fördelar med ramverk
• Utvecklare slipper skriva kod för grundläggande uppgifter själva
• Koden i ett ramverk kan antas vara testad och tämligen felfri
• Det blir enklare att få en struktur för hur kod ska skrivas
• Medlemmar i utvecklarorganisationer och projekt kan enklare
anamma ett enhetligt arbetssätt

4. Ramverk vs. Bibliotek?

5. A library performs specific, well-defined operations.
A framework is a skeleton where the application defines the
"meat" of the operation by filling out the skeleton. The
skeleton still has code to link up the parts but the most
important work is done by the application.
http://stackoverflow.com/questions/148747/what-is-the-difference-between-a-framework-and-a-library

6. Exempel på ramverk för
webbdesign

10. Får vi använda koden?
Vilken licens använder sig ramverken av?
Tips: http://choosealicense.com/

11. Dokumentation?
Ett sätt att lära sig hur andras mjukvara fungerar!

14. Bibliotek för JavaScript

16. http://trends.builtwith.com/javascript/jQuery

17. Varför vill vi använda jQuery?

18. 1. jQuery erbjuder ”enklare” kod

19. 2. jQuery erbjuder många bra funktioner

20. 3. jQuery är cross-platform

21. + Många plugins

22. + Många guider

23. Exempel på guider
• https://www.codecademy.com/learn/jquery
• https://learn.jquery.com/
• http://www.w3schools.com/jquery/
• https://www.codeschool.com/courses/try-jquery
• http://jqfundamentals.com/chapter/jquery-basics

24. http://api.jquery.com/

25. $ = jQuery
$ är en referens till jQuery-objektet

26. jQuery
• Vi kallar på jQuery när vi vill hitta element på vår webbsida.

27. Jämför med vanligt JavaScript

28. jQuery-funktioner på element

29. jQuery – Mer än bara hitta element
• jQuery har fler väldigt nyttiga funktioner vi kan använda, t.ex.

30. jQuery != JavaScript
• Vi kan inte använda ”vanliga” JavaScript-funktioner på jQuery-objekt,
och vice versa.

31. jQuery - Exempel
Att göra!