Nyttige lenker ved webutvikling

Robert AndresenProgramming Leave a Comment

Starte med webutvikling?

Video

Treehouse

Treehouse har video-kurs med både tekstbaserte- og kode oppgaver.

Lenke: https://teamtreehouse.com/
Pris: $25 hver måned
Språk: Engelsk

W3Cschools

Denne siden kan du både bruke som referanse for å finne ut hva ting er for noe, gå gjennom enkle leksjoner, samt prøve kodesnutter.

Lenke: http://www.w3schools.com/
Pris: Gratis
Språk: Engelsk

YouTube, «Hjemmeside»

Deler:

HTML / CSS

  1. Hvordan kode HTML og CSS – Del 1 En introduksjon til HTML og CSS for nybegynnere
  2. Hvordan kode HTML og CSS – Del 2 Hvordan lage et HTML dokument
  3. Hvordan kode HTML og CSS – Del 3 Hvordan og hvorfor validere HTML
  4. Hvordan kode HTML og CSS – Del 4 Hvordan sette inn logo og navigasjonsmeny i HTML
  5. Hvordan kode HTML og CSS – Del 5 Hvordan linke CSS og HTML og hva er class og id
  6. Hvordan kode HTML og CSS – Del 6 Hvordan lage webdesign og style HTML med CSS 1/2
  7. Hvordan kode HTML og CSS – Del 6 Hvordan lage webdesign og style HTML med CSS 2/2
  8. Hvordan kode HTML og CSS – Del 7 Hvordan lage webdesign og bruke CSS på class og ID 1/2
  9. Hvordan kode HTML og CSS – Del 7 Hvordan lage webdesign og bruke CSS på class og ID 2/2

PHP

  1. Hvordan kode PHP – Del 1 En introduksjon til programmering i PHP
  2. Hvordan kode HTML og CSS – Del 2 Hvordan lage et HTML dokument
  3. Hvordan kode HTML og CSS – Del 3 Hvordan og hvorfor validere HTML
  4. Hvordan kode PHP – Del 4 Regneoperasjoner og matematiske operasjoner i PHP
  5. Hvordan kode PHP – Del 5 programmere med constants (konstanter) i PHP
  6. Hvordan kode PHP – Del 6 Arrays, array keys, associative og index keys i PHP 1/2
  7. Hvordan kode PHP – Del 6 Arrays, array keys, associative og index keys i PHP 2/2
  8. Hvordan kode PHP – Del 7 logiske tester med IF, ELSEIF og ELSE i PHP 1/2
  9. Hvordan kode PHP – Del 7 logiske tester med IF, ELSEIF og ELSE i PHP 2/2
  10. Hvordan kode PHP – Del 8 Loop med for og foreach i PHP 1/2
  11. Hvordan kode PHP – Del 8 Loop med for og foreach i PHP 2/2
  12. Hvordan kode PHP – Del 9 Functions, defining functions og function arguments i PHP 1/3
  13. Hvordan kode PHP – Del 9 Functions, defining functions og function arguments i PHP 2/3
  14. Hvordan kode PHP – Del 9 Functions, defining functions og function arguments i PHP 3/3

Bøker

Forum

  • http://norskwebforum.no/ [Oppdatering: Død lenke]
  • http://freak.no/forum/forumdisplay.php?f=67

CSS & Style

HEX Color Chart

http://www.2createawebsite.com/build/hex-colors.html

Fargekart i flash, som gir deg hex-koder som du kan benytte på websiden din. Du kan også google «colorpicker» for å finne andre fargekart.

IconFinder

http://www.iconfinder.com/

Et hav av gratise ikoner som er ypperlig til f.eks. en web-applikasjon.

Official PSDS

http://officialpsds.com/

Nettside med masse photoshop maler for bruk til bakgrunner, ikoner og grafikk på websiden. Du kan laste ned selve .psd filen som lett lar deg tilpasse og gjøre endringer.

CSS3 Gradient Generator

http://gradients.glrzad.com/

Ønsker du å fade en bakgrunn med to forskjellige farger uten å måtte bruke et bilde til dette? Det kan du med CSS3. Dette er en generator som gir deg CSS kode direkte.

Webmagasinet

http://www.webdesignmagasinet.no/

Norsk nettside/blogg med masse webdesign og kåringer. Perfekt side for å hente inspirasjon fra 🙂

Artikkel: Mastering CSS Coding

http://coding.smashingmagazine.com/2009/10/05/mastering-css-coding-getting-started/

Kjempebra artikkel med illustrasjoner som lar deg se hvordan CSS virker og hvordan de forskjellige funksjonene kan benyttes.

Tredjeparts bibliotek

Bootstrap

http://getbootstrap.com/

CSS og Javascript -filer som gir deg ferdige design elementer.

Font Awsome

http://fontawesome.io/icons/

CSS som gir deg ikoner for bruk på nettsiden

Været ikoner

https://github.com/erikflowers/weather-icons

Vær-ikoner inspisert fra Font Awsome

HTML5

Dive Into HTML5

http://diveintohtml5.info/

En nettside som viser deg stort sett alt innen HTML5. Meget nyttig nettside.

HTML5 Inline text edit and saving

http://gazpo.com/2011/09/contenteditable/ (død lenke)

HTML5 lar deg redigere direkte i teksten (uten skjemafelt). Dette er en guide som viser deg hvordan, samt hvordan du kan lagre endringene. Kjekk funksjon dersom man skriver ut en tabell fra database og ønsker å redigere direkte i radene.

HTML5 Google Charts

https://developers.google.com/chart/

Grafer fra Google

HTML5 Chart library

http://www.rgraph.net/

Ferdig grafer/charts som kan benyttes. Godt dokumentert, mange eksempler og godt dokumentert. Benytter seg av HTML5 Canvas.

PHP & MySQL

PHP Manualen

http://php.net/

En selvfølge!

W3CSchools

http://www.w3schools.com/

Også en selvfølge når man skal starte med et programmeringsspråk.

MySQL Join

http://www.codinghorror.com/blog/2007/10/a-visual-explanation-of-sql-joins.html

For å joine sammen flere tabeller med MySQL

Last opp filer til MySQL

http://www.php-mysql-tutorial.com/wikis/mysql-tutorials/uploading-files-to-mysql-database.aspx (død lenke)

Guide på hvordan man kan laste opp filer direkte i en MySQL database.

adLDAP

http://adldap.sourceforge.net/

For de litt avanserte er dette et klasse-bibliotek som lar deg behandle data fra Microsoft Active Directory.

Javascript

Jquery Plugins

http://jquery-plugins.net/

Forskjellige plugins


Jquery UI

http://jqueryui.com/

Rammeverk basert på Jquery som gir deg fine behandlingsvalg på nettsiden.

Jquery Mobile

http://jquerymobile.com/

Rammeverk som er tilpasset smarttelefoner. Brukt til ferje.net som jeg har utviklet.

Scrollpane

http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html (død lenke)

Lag scrollbars som er mer tilpasset din side. Eksempelvis som facebook sin feed.

Jquery Tutorials

http://www.designyourway.net/blog/resources/65-jquery-tutorials-to-help-you-customize-your-site/

En samling av 65 jquery tutorials for å gi siden din et bedre dynamisk grensesnitt.