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

HT21 - DA106A - Ramverk och bibliotek

Anton Tibblin
September 29, 2021

HT21 - DA106A - Ramverk och bibliotek

Anton Tibblin

September 29, 2021
Tweet

More Decks by Anton Tibblin

Other Decks in Education

Transcript

  1. 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 stora biosalong så är det inte plats till fler ordinarie medlemmar, men pass upp plötsligt vidgarvi vyerna och bjuder in till specailarrageman. g Titta gärnarunt och få enkänsla för varför vi anseratt sista måndagen i månaden alltid är månadens höjdpunkt.
  2. 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 stora biosalong så är det inte plats till fler ordinarie medlemmar, men pass upp plötsligt vidgarvi vyerna och bjuder in till specailarrageman. g Titta gärnarunt och få enkänsla för varför vi anseratt sista måndagen i månaden alltid är månadens höjdpunkt.
  3. 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
  4. 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
  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. I B I Home Documentation Examples Themes Jobs Expo Blog

    Search... Gett ingstarted l n t r o duction Downlo ad Contents B r owsers& devices JavaScrip t O ptions Build tools W ebpack Acces i b s i l i t y Starter template Be sure to have your pages set up with the latest design and development standards. That means using an HTMLS d oc type and including a viewport meta tag for proper resp onsive behaviors. Put it all together and your pages should look like this: <!DOCTYPE html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-s··> <meta name="vieo,port" content="oidth=device-ioidth, initial-scal=e1, shrink-to-fit=no"> Layout Content Components Utilities Extend Migration <!-- Bootstrap ess --> <link rel="stylesheet"href="https/:/maxcdn.bootstarpcdn.com/bootstrap/4.0.0- beta/css/bootstrap.min.css··integrit </head> <body> <h1>Hello, tvorld!</h1> <!-- Optional JavaScript --> <!-- jQueryfirst, then Popper.js, then Bootstrap JS --> <scritpsrc="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtikvYIK3UENzmM7KCkRr/rE9/ <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypi <scritpsrc="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch </body> </html> ◄
  7. I B I Home Documentation Examples Themes Jobs Expo Blog

    Search... Precompiled Bootstrap Once downloaded, unzip the compressed folder and you'II see something like this: Gett ingstarted lntroduction Downlo ad Contents Browsers & devices JavaScript Optio ns Build too ls Webpack Access ibility boot s t rap/ boot st rap. cssm. ap boot st rapm. i n . cs s boot st rapm. i n. cs sm . ap f- ess/ I f- boot st rap. css I f- I f- I L- L_ js / f- L- boot st rap. js boot st rapm. i n . js Layout eontent eomponents Utilities Extend Migration This is the most basic form of Bootstrap: precompiled files for quick drop -in usage in nearly any web project. We provide compiled ess and JS ( boot st ra p. • ), as well as compiled and minified ess and JS ( bootst rapm. i n . * ). ess source maps ( bootst rap. •m.ap ) are available for use with certain browsers· developer tools. Bootstrap source code The Bootstrap source code download includes the precompiled ess and JavaScript assets, along with source Sass, JavaScript, and documentation. More specifically, it includesthe following and more: boot s t rap/ f- di s t /
  8. 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