Ramverk & bibliotek för webbutveckling

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

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

Ramverk vs. Bibliotek?

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

Exempel på ramverk för webbdesign

Får vi använda koden?Vilken licens använder sig ramverken av?

Tips: http://choosealicense.com/

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

Bibliotek för JavaScript

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

Varför vill vi använda jQuery?

1. jQuery erbjuder ”enklare” kod

2. jQuery erbjuder många bra funktioner

3. jQuery är cross-platform

+ Många plugins

+ Många guider

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

http://api.jquery.com/

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

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

Jämför med vanligt JavaScript

jQuery-funktioner på element

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

jQuery != JavaScript• Vi kan inte använda ”vanliga” JavaScript-funktioner på jQuery-objekt,

och vice versa.

jQuery - ExempelAtt göra!