Upgrade to Pro — share decks privately, control downloads, hide ads and more …

HT22 - DA106A - Ramverk

Anton Tibblin
September 28, 2022

HT22 - DA106A - Ramverk

Anton Tibblin

September 28, 2022
Tweet

More Decks by Anton Tibblin

Other Decks in Education

Transcript

  1. Ramverk & bibliotek för webbutveckling

  2. None
  3. None
  4. None
  5. Dagens föreläsning •Hur har vi arbetat tidigare? •Hur brukar man

    arbeta? •Praktiska exempel på ramverk
  6. Nytt projekt, nya möjligheter!

  7. None
  8. None
  9. Välkomna! På denna site kan man se vilka filmer som

    har beskådats, man kan även se vad filmerna handlade om och vilka betyg de fått av betraktarna tillsamman eller var och en för sig. Trots vår storabiosalong så är det inte plats till fler ordinarie medlemmar, men pass upp plötsligt vidgarvi vyerna och bjuder in till specailarrageman. g Titta gärna runt och få enkänsla för varför vi anseratt sista måndagen i månaden alltid är månadens höjdpunkt.
  10. None
  11. None
  12. None
  13. None
  14. Välkomna! På denna site kan man se vilka filmer som

    har beskådats, man kan även se vad filmerna handlade om och vilka betyg de fått av betraktarna tillsamman eller var och en för sig. Trots vår storabiosalong så är det inte plats till fler ordinarie medlemmar, men pass upp plötsligt vidgarvi vyerna och bjuder in till specailarrageman. g Titta gärna runt och få enkänsla för varför vi anseratt sista måndagen i månaden alltid är månadens höjdpunkt.
  15. Hmm… en ganska lång bit kvar…

  16. None
  17. Sakta men säkert…

  18. None
  19. Sen lite CSS, JS, och finlir!

  20. None
  21. None
  22. Kan vi inte vara effektivare?

  23. None
  24. Bibliotek – färdig kod att använda

  25. None
  26. 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
  27. 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
  28. Ramverk vs. Bibliotek?

  29. 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
  30. Exempel på bibliotek för webbdesign

  31. None
  32. None
  33. None
  34. None
  35. None
  36. Får vi använda koden? Vilken licens använder sig ramverken av?

    Tips: http://choosealicense.com/
  37. None
  38. Dokumentation? Ett sätt att lära sig hur andras mjukvara fungerar!

  39. None
  40. CSS & JS-ramverk

  41. None
  42. Bibliotek för JavaScript

  43. None
  44. http://trends.builtwith.com/javascript/jQuery

  45. Ramverk för JavaScript

  46. None
  47. Hur använder man ett ramverk?

  48. None
  49. Är det ”fusk” att använda ramverk?

  50. Dags att kolla in ramverk! - Bootstrap https://getbootstrap.com

  51. None
  52. JS HTML ess

  53. None
  54. None
  55. None
  56. Vad ingår i Bootstrap?

  57. Vad ingår i Bootstrap? • Layout • Responsiv layout genom

    ”grids” (ej samma som CSS grids) • Grundläggande CSS • Typografi • Tabeller • Figurer • Bilder • Etc. • Komponenter • Olika visuella / funktionella komponenter så som menyer/knappar/bildspel/etc. • Hjälpmedel för att skräddarsy sin webbsida
  58. None
  59. None
  60. Låt oss ta en närmre titt! =) https://getbootstrap.com