\n<\/h5>\n
\n SitePoint har en absolut nyb\u00f6rjarguide f\u00f6r HTML och CSS, s\u00e5 det h\u00e4r \u00e4r ett bra st\u00e4lle att b\u00f6rja bekanta dig med de grundl\u00e4ggande begreppen. Du l\u00e4r dig inte bara koden utan ocks\u00e5 verktyg f\u00f6r att bygga en webbplats \u2013 fr\u00e5n textredigerare till webbl\u00e4sare till grafikredigerare.\n<\/p>\n
\n Kanal 9<\/a>
\n<\/h5>\n\n Detta \u00e4r en 21-avsnittssida med lektioner som l\u00e4r ut grunderna f\u00f6r webbsidor och kodning. Inriktad p\u00e5 absoluta nyb\u00f6rjare, var beredd att spendera fr\u00e5n 6 till 48 minuter per avsnitt. Om du vill hoppa till avsnitt som du tror att du beh\u00f6ver fokusera p\u00e5 mer, \u00e4r lektionerna helt gratis och kan ses i valfri ordning, n\u00e4r som helst.\n<\/p>\n
\n w3resurs<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188bf6d8a6.webp\")
<\/a><\/p>\n\n w3resource \u00e4r en utvecklare community-godk\u00e4nd, omfattande resurs f\u00f6r allt som har med webbutveckling att g\u00f6ra. Det erbjuder en bred bas av webbutvecklingslektioner, inte bara HTML och CSS. Dess l\u00e4romedel \u00e4r grupperade efter funktion. Den f\u00f6rsta kategorin inneh\u00e5ller upps\u00e4ttningen spr\u00e5k som beh\u00f6vs f\u00f6r frontend-utveckling, och det \u00e4r h\u00e4r du hittar HTML och CSS. De andra kategorierna inkluderar spr\u00e5khandledningar f\u00f6r backend-utveckling, databashantering, datautbyte och API:er.\n<\/p>\n
\n HTML-hund<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188c1184c4.webp\")
<\/a><\/p>\n\n HTML Dog grundades 2003 och \u00e4r en webbplats med HTML, CSS och JavaScript-handledningar. Deras m\u00e5l \u00e4r att publicera l\u00e4ttsm\u00e4lt l\u00e4romedel f\u00f6r att uppmuntra nyb\u00f6rjare och de som skr\u00e4mmas av kodning. Lektionerna \u00e4r uppdelade i olika kapitel och niv\u00e5er, fr\u00e5n nyb\u00f6rjare till avancerade, och ytterligare strukturerade efter inneh\u00e5ll som visar vad du kommer att l\u00e4ra dig per lektion.\n<\/p>\n
\n Shay Howe<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188c403517.webp\")
<\/a><\/p>\n\n Denna handledningswebbplats leder dig gratis genom 12 lektioner om grundl\u00e4ggande HTML och CSS. Ist\u00e4llet f\u00f6r att betala f\u00f6r en nyb\u00f6rjarkurs direkt utanf\u00f6r porten kan du prova dessa f\u00f6rst. N\u00e4r du \u00e4r klar, avg\u00f6r om du fortfarande beh\u00f6ver de betalda. Om du fortfarande g\u00f6r det, \u00e5tminstone kommer en introduktion fr\u00e5n en gratis handledningswebbplats att hj\u00e4lpa dig till dina betalda lektioner mycket snabbare \u00e4n med absolut ingen kunskap alls.\n<\/p>\n
\n N\u00e4r du \u00e4r klar med sj\u00e4lvstudien ”bygga din f\u00f6rsta webbsida” kan du g\u00e5 vidare till den avancerade handledningen f\u00f6r djupare utveckling av frontend-design.\n<\/p>\n
\n Mozillas utvecklarn\u00e4tverk<\/a>
\n<\/h5>\n\n Den h\u00e4r webbplatsen inneh\u00e5ller en omfattande lista med l\u00e4nkar till en m\u00e4ngd olika tutorials och utbildningsmaterial som kurerats av f\u00f6retag och utvecklare. Det finns m\u00e5nga lektioner att v\u00e4lja mellan, inte bara HTML och CSS. Eftersom de v\u00e4ljs av utvecklare kan du vara s\u00e4ker p\u00e5 att inneh\u00e5llet l\u00e4nkarna leder till \u00e4r trov\u00e4rdigt, med lektioner inriktade p\u00e5 olika niv\u00e5er, fr\u00e5n nyb\u00f6rjare till avancerade.\n<\/p>\n
\n Memrise<\/a>
\n<\/h5>\n\n Vid inl\u00e4rning \u00e4r upprepning nyckeln, och Memrise hj\u00e4lper till att g\u00f6ra memorering i repetitionstil roligt genom spel. Detta kan g\u00f6ras n\u00e4r du \u00e4r p\u00e5 pendling, medan du v\u00e4ntar i k\u00f6 f\u00f6r att best\u00e4lla avh\u00e4mtning \u2013 var som helst med tillg\u00e5ng till Internet, egentligen.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188c62d4ef.webp\")
<\/a><\/p>\n\n H\u00e4r \u00e4r l\u00e4nkar till n\u00e5gra anv\u00e4ndbara lektioner om viktiga HTML-, HTML5-, CSS- och CSS3-koder:\n<\/p>\n
\n- \n 30 CSS-v\u00e4ljare Du M\u00c5STE memorisera<\/a>\n <\/li>\n
- \n Alla HTML-attributlista<\/a>\n <\/li>\n
- \n Komplett elementlista HTML5<\/a>\n <\/li>\n
- \n Alla HTML5-attribut<\/a>\n <\/li>\n
- \n Alla CSS3-v\u00e4ljare<\/a>\n <\/li>\n
- \n CSS3-egenskaper<\/a>\n <\/li>\n
- \n CSS3 Syntax f\u00f6r egenskaper<\/a>\n <\/li>\n<\/ul>\n
\n Om du k\u00e4nner dig s\u00e4rskilt flitig kan du skapa lektioner skr\u00e4ddarsydda efter dina egna behov och l\u00e4gga till dina egna mems. \u00c4ven om det \u00e4r att f\u00f6redra och till stor hj\u00e4lp, f\u00f6rv\u00e4ntas du inte komma ih\u00e5g alla koder hela tiden. Men om du vill bli proffs kan du spara tid genom att kunna dina koder utantill n\u00e4r du bygger webbplatser med mycket strikta deadlines.\n<\/p>\n
\n W3C<\/a>
\n<\/h5>\n\n W3C, f\u00f6rkortning f\u00f6r World Wide Web Consortium, best\u00e5r av en internationell gemenskap av myndigheter som samarbetar med f\u00f6retag, andra medlemsgemenskaper, intern personal och allm\u00e4nheten f\u00f6r att organisera, underh\u00e5lla och utveckla webbstandarder. Att kolla in webbplatsen f\u00f6r de senaste nyheterna och uppdateringarna om webbstandarder kan hj\u00e4lpa dig att finslipa och skr\u00e4ddarsy dina kunskaper d\u00e4refter.\n<\/p>\n
\n W3Schools<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188c84cd86.webp\")
<\/a><\/p>\n\n W3Schools anses allm\u00e4nt av professionella utvecklare som en webbplats f\u00f6r ”noobs”, och erbjuder en anst\u00e4ndig inl\u00e4rningsupplevelse och milj\u00f6 f\u00f6r dem som precis har b\u00f6rjat l\u00e4ra sig koda. De har en strukturerad lista med lektioner som alla nyb\u00f6rjare bekv\u00e4mt kan g\u00e5 igenom, komplett med exempel och en simulator att tr\u00e4na med. W3Schools tillhandah\u00e5ller ocks\u00e5 certifieringar, men du m\u00e5ste betala f\u00f6r dem.\n<\/p>\n
\n webplatform.org<\/a>
\n<\/h5>\n\n WebPlatform.org \u00e4r ett W3C-samarbete med Apple, Adobe, Facebook, Google, HP, Microsoft, Intel, Mozilla, Opera och Nokia. WebPlatform.orgs huvudsakliga funktion \u00e4r att fungera som v\u00e4rd f\u00f6r all dokumentation om webbutveckling. Alla \u00e4r v\u00e4lkomna att vara med och delta i samtal. Bidrag och samarbete uppmuntras starkt, vilket \u00e4r m\u00f6jligt via en MediaWiki-plattform.\n<\/p>\n
\n InstantShift
\n<\/h5>\n
\n Om du \u00e4r en regelbunden bes\u00f6kare vet vi att du redan vet. Men f\u00f6r konsekvensens skull \u00e4r InstantShift, som dess About-kodavsnitt visar, en community f\u00f6r webbutvecklare och designers. En blogg med flera f\u00f6rfattare, den erbjuder ett brett utbud av resurser, artiklar och instruktioner, till och med gratis teman, som designers och utvecklare med varierande erfarenhet och kompetensniv\u00e5er kan referera till att antingen dra ig\u00e5ng sin kunskap eller h\u00e4mta inspiration fr\u00e5n. Artikelkategorier inkluderar bland annat webbdesign, WordPress, CSS, tutorials, verktyg, freebies, fotografi och ikoner.\n<\/p>\n
\n Delta i onlinekurser\/kurser
\n<\/h3>\n\n Harvard CS50<\/a>
\n<\/h5>\n\n En edX-klass som undervisas av David J. Malan, professor vid Harvard University, som tar den h\u00e4r introduktionskursen till datavetenskap \u00e4r en investering v\u00e4rd sin vikt i guld, det \u00e4r konstigt att de inte tar betalt f\u00f6r det. Det \u00e4r fr\u00e4mst d\u00e4rf\u00f6r som m\u00e5nga livsl\u00e5nga elever runt om i v\u00e4rlden \u00e4r tacksamma f\u00f6r m\u00f6jligheterna som MOOCs (massiva \u00f6ppna onlinekurser) ger dem som inte har r\u00e5d att komma in p\u00e5 prestigefyllda universitet som Harvard. Spr\u00e5ken du kommer att l\u00e4ra dig kommer att omfatta C, PHP, JavaScript, SQL och, naturligtvis, CSS och HTML. Om du vill anv\u00e4nda denna klass f\u00f6r kredit m\u00e5ste du betala f\u00f6r certifieringen.\n<\/p>\n
\n Tuts+<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188ca1b3db.webp\")
<\/a><\/p>\n\n Tuts+ inneh\u00e5ller en uppsj\u00f6 av handledningar och kurser att v\u00e4lja mellan, allt fr\u00e5n kodning till illustration, till design och utveckling av mobilappar. Tuts+ har gratis kurser och handledningar, men premium\u00e5tkomst kr\u00e4ver betalning p\u00e5 minst $15 per m\u00e5nad till $360 per \u00e5r. De erbjuder en 14-dagars gratis provperiod.\n<\/p>\n
\n Tr\u00e4hus<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188cc30e82.webp\")
<\/a><\/p>\n\n Treehouse \u00e4r en betaltj\u00e4nst som syftar till att l\u00e4ra ut webbutveckling, design och utveckling av mobilappar. Grundl\u00e4ggande \u00e5tkomst kostar $24 per m\u00e5nad, och proffs kostar $49. Webbplatsen \u00e4r ocks\u00e5 utrustad med forum, arbetsytor, t\u00e4vlingar och utmaningar, bonuslektioner och konferenser, live-workshops, ett bibliotek och en community du kan n\u00e5 ut till och interagera med.\n<\/p>\n
\n \u00d6va
\n<\/h3>\n
\n \u00d6vning g\u00f6r b\u00e4ttre, om inte perfekt. Genom att \u00f6va l\u00e5ter du din hj\u00e4rna g\u00f6ra en aktiv, kreativ handling som stimulerar b\u00e4ttre inl\u00e4rning och retention, i motsats till att bara l\u00e4sa och titta p\u00e5 tutorials. Komplettera dina studier genom att \u00f6va med MOOCs som:\n<\/p>\n
\n Codecademy<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188ceb4e2d.webp\")
<\/a><\/p>\n\n Att registrera sig \u00e4r gratis med Codecademy, och lektionerna \u00e4r enkla f\u00f6r nyb\u00f6rjare. Du kan se hur dina HTML- och CSS-koder \u00f6vers\u00e4tts till en webbsida n\u00e4r de visas live bredvid din textredigerare och \u00e4ndras allt eftersom. Det finns ocks\u00e5 ett forum d\u00e4r du kan dela dina fr\u00e5gor och svar med communityn.\n<\/p>\n
\n Code Avengers<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188d093901.webp\")
<\/a><\/p>\n\n Med Code Avengers \u00e4r det ocks\u00e5 gratis att registrera sig. Det l\u00e5ter dig bygga en webbplats genom HTML och CSS, komplett med instruktioner genom text och video. Efter att ha klickat p\u00e5 bockknappen p\u00e5 den \u00f6versta delen av textredigeraren f\u00e5r du se hur din kod ser ut genom ett mobiltelefonformat f\u00f6nster till h\u00f6ger. Om du registrerar dig f\u00f6r ett konto f\u00e5r du m\u00f6jligheten att spara dina framsteg och f\u00e5 po\u00e4ng mot andra deltagare via en topplista.\n<\/p>\n
\n Bli inspirerad
\n<\/h3>\n
\n F\u00f6r att f\u00e5 din kreativa k\u00e4nsla att fl\u00f6da och hitta f\u00f6rebilder att efterlikna, leta runt p\u00e5 webben efter n\u00e5gra verkliga exempel. Se vilken typ av bra material som redan finns d\u00e4r ute och vad alla andra s\u00e4ger om det fr\u00e5n en utvecklare, publik, anv\u00e4ndargr\u00e4nssnitt, design och programmeringssynpunkt\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188d274d05.webp\")
<\/a><\/p>\n\n Du kan till exempel kolla in globalt erk\u00e4nda utvecklare, byr\u00e5er och webbplatser genom Awwwards<\/a>, en webbplats som \u00e4r dedikerad till att erk\u00e4nna och marknadsf\u00f6ra det b\u00e4sta inom webbdesign och utveckling runt om i v\u00e4rlden.\n<\/p>\n\n Skapa en portf\u00f6lj
\n<\/h3>\n
\n F\u00f6r att g\u00f6ra dig mer synlig f\u00f6r kunderna \u00e4r en portf\u00f6lj viktigt. Det finns m\u00e5nga portf\u00f6ljv\u00e4rdssajter d\u00e4r ute, men h\u00e4r \u00e4r tv\u00e5 exempel:\n<\/p>\n
\n PortfolioBox<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188d46246a.webp\")
<\/a><\/p>\n\n Med dom\u00e4nv\u00e4rd, integration med sociala medier, s\u00f6kmotoroptimering, inbyggd statistikpanel och funktionalitet f\u00f6r att skicka nyhetsbrev \u00e4r PortfolioBox v\u00e4rt att titta n\u00e4rmare p\u00e5. Den har inbyggt st\u00f6d f\u00f6r smartphones och surfplattor ocks\u00e5, s\u00e5 din webbplats ser lika bra ut n\u00e4r den visas fr\u00e5n vilken enhet som helst. PortfolioBox erbjuder ett gratis konto som kan vara v\u00e4rd f\u00f6r upp till 40 bilder och, n\u00e4r du registrerar dig, l\u00e5ter dig anv\u00e4nda Pro-funktioner i 30 dagar. Pro kostar $6,90 varje m\u00e5nad och betalas \u00e5rligen.\n<\/p>\n
\n Dribbla<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188d605b37.webp\")
<\/a><\/p>\n\n En webbplats av utvecklare som fungerar som en visa-och-ber\u00e4tta-plattform f\u00f6r andra utvecklare, Dribbble l\u00e5ter dig dela sk\u00e4rmdumpar av dina processer, arbete och projekt. Den har en funktion f\u00f6r sociala medier som visar hur m\u00e5nga visningar, gilla-markeringar och kommentarer du f\u00e5r.\n<\/p>\n
\n F\u00e5 betalt f\u00f6r att arbeta
\n<\/h3>\n
\n Det \u00e4r produktivt att forts\u00e4tta tr\u00e4na och \u00f6va, men inget sl\u00e5r den sortens tr\u00e4ning som l\u00f6nar sig, vilket i grunden \u00e4r vad att f\u00e5 betalt arbete f\u00f6r dina kunskaper. Du till\u00e4mpar och finslipar ditt hantverk, och i slutet av dagen drar n\u00e5gon nytta av dess v\u00e4rde och betalar f\u00f6r det. Frilansande sajter som ProgrammerMeetDesigner<\/a>, GetACoder<\/a> och AuthenticJobs<\/a> \u00e4r bara n\u00e5gra av de platser som anst\u00e4ller kodare och designers. Den h\u00e4r n\u00e5got f\u00f6r\u00e5ldrade artikeln<\/a> fr\u00e5n Hongkiat.com listar 50 frilansarbetsplatser f\u00f6r designers och programmerare, varav de flesta fortfarande g\u00e5r starkt.\n<\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-200471-638188d818fe2.webp\")
<\/a><\/p>\n\n Bli en del av en gemenskap
\n<\/h3>\n
\n Att vara en del av en community \u00e4r fantastiskt f\u00f6r att uppmuntra dig och hitta svar p\u00e5 n\u00e5gra s\u00e4rskilt sv\u00e5ra problem du kommer att st\u00f6ta p\u00e5 under din webbutvecklingsresa. H\u00e4r \u00e4r en lista \u00f6ver forum att delta i f\u00f6r att f\u00e5 mer aktuell kunskap, v\u00e4nner, mentorer, till och med jobbremisser.\n<\/p>\n
\n- \n Reddit<\/a>\n <\/li>\n
- \n Dream.In.Code<\/a>\n <\/li>\n
- \n WebDeveloper.com<\/a>\n <\/li>\n
- \n SitePoint Community<\/a>\n <\/li>\n
- \n StackOverflow<\/a>\n <\/li>\n
- \n Kodningsforum<\/a>\n <\/li>\n<\/ul>\n
\n Hantera dina projekt
\n<\/h3>\n
\n I det \u00f6gonblick du landar kunder blir projektledning en viktig f\u00e4rdighet. Enkel och l\u00e4tt att anv\u00e4nda, TeuxDeux<\/a> kan organisera din dagliga uppgiftslista. Webbutveckling \u00e4r vanligtvis inte ett endagsprojekt. F\u00f6r vissa projekt m\u00e5ste du schemal\u00e4gga uppgifter inom en tidsram och uppskatta hur mycket tid varje beh\u00f6ver slutf\u00f6ras. F\u00f6r mer omfattande framtida projekt som enkla att-g\u00f6ra-listor eller samarbetsprogram inte kan hantera, finns det intuitiva och adaptiva fullfj\u00e4drade projektlednings- och samarbetsverktyg, som Comindware Project<\/a>, som \u00e4r v\u00e4rda att \u00f6verv\u00e4ga.\n<\/p>\n
\n<\/h5>\n
\n w3resource \u00e4r en utvecklare community-godk\u00e4nd, omfattande resurs f\u00f6r allt som har med webbutveckling att g\u00f6ra. Det erbjuder en bred bas av webbutvecklingslektioner, inte bara HTML och CSS. Dess l\u00e4romedel \u00e4r grupperade efter funktion. Den f\u00f6rsta kategorin inneh\u00e5ller upps\u00e4ttningen spr\u00e5k som beh\u00f6vs f\u00f6r frontend-utveckling, och det \u00e4r h\u00e4r du hittar HTML och CSS. De andra kategorierna inkluderar spr\u00e5khandledningar f\u00f6r backend-utveckling, databashantering, datautbyte och API:er.\n<\/p>\n \n HTML Dog grundades 2003 och \u00e4r en webbplats med HTML, CSS och JavaScript-handledningar. Deras m\u00e5l \u00e4r att publicera l\u00e4ttsm\u00e4lt l\u00e4romedel f\u00f6r att uppmuntra nyb\u00f6rjare och de som skr\u00e4mmas av kodning. Lektionerna \u00e4r uppdelade i olika kapitel och niv\u00e5er, fr\u00e5n nyb\u00f6rjare till avancerade, och ytterligare strukturerade efter inneh\u00e5ll som visar vad du kommer att l\u00e4ra dig per lektion.\n<\/p>\n \n Denna handledningswebbplats leder dig gratis genom 12 lektioner om grundl\u00e4ggande HTML och CSS. Ist\u00e4llet f\u00f6r att betala f\u00f6r en nyb\u00f6rjarkurs direkt utanf\u00f6r porten kan du prova dessa f\u00f6rst. N\u00e4r du \u00e4r klar, avg\u00f6r om du fortfarande beh\u00f6ver de betalda. Om du fortfarande g\u00f6r det, \u00e5tminstone kommer en introduktion fr\u00e5n en gratis handledningswebbplats att hj\u00e4lpa dig till dina betalda lektioner mycket snabbare \u00e4n med absolut ingen kunskap alls.\n<\/p>\n \n N\u00e4r du \u00e4r klar med sj\u00e4lvstudien ”bygga din f\u00f6rsta webbsida” kan du g\u00e5 vidare till den avancerade handledningen f\u00f6r djupare utveckling av frontend-design.\n<\/p>\n \n Den h\u00e4r webbplatsen inneh\u00e5ller en omfattande lista med l\u00e4nkar till en m\u00e4ngd olika tutorials och utbildningsmaterial som kurerats av f\u00f6retag och utvecklare. Det finns m\u00e5nga lektioner att v\u00e4lja mellan, inte bara HTML och CSS. Eftersom de v\u00e4ljs av utvecklare kan du vara s\u00e4ker p\u00e5 att inneh\u00e5llet l\u00e4nkarna leder till \u00e4r trov\u00e4rdigt, med lektioner inriktade p\u00e5 olika niv\u00e5er, fr\u00e5n nyb\u00f6rjare till avancerade.\n<\/p>\n \n Vid inl\u00e4rning \u00e4r upprepning nyckeln, och Memrise hj\u00e4lper till att g\u00f6ra memorering i repetitionstil roligt genom spel. Detta kan g\u00f6ras n\u00e4r du \u00e4r p\u00e5 pendling, medan du v\u00e4ntar i k\u00f6 f\u00f6r att best\u00e4lla avh\u00e4mtning \u2013 var som helst med tillg\u00e5ng till Internet, egentligen.\n<\/p>\n \n H\u00e4r \u00e4r l\u00e4nkar till n\u00e5gra anv\u00e4ndbara lektioner om viktiga HTML-, HTML5-, CSS- och CSS3-koder:\n<\/p>\n \n Om du k\u00e4nner dig s\u00e4rskilt flitig kan du skapa lektioner skr\u00e4ddarsydda efter dina egna behov och l\u00e4gga till dina egna mems. \u00c4ven om det \u00e4r att f\u00f6redra och till stor hj\u00e4lp, f\u00f6rv\u00e4ntas du inte komma ih\u00e5g alla koder hela tiden. Men om du vill bli proffs kan du spara tid genom att kunna dina koder utantill n\u00e4r du bygger webbplatser med mycket strikta deadlines.\n<\/p>\n \n W3C, f\u00f6rkortning f\u00f6r World Wide Web Consortium, best\u00e5r av en internationell gemenskap av myndigheter som samarbetar med f\u00f6retag, andra medlemsgemenskaper, intern personal och allm\u00e4nheten f\u00f6r att organisera, underh\u00e5lla och utveckla webbstandarder. Att kolla in webbplatsen f\u00f6r de senaste nyheterna och uppdateringarna om webbstandarder kan hj\u00e4lpa dig att finslipa och skr\u00e4ddarsy dina kunskaper d\u00e4refter.\n<\/p>\n \n W3Schools anses allm\u00e4nt av professionella utvecklare som en webbplats f\u00f6r ”noobs”, och erbjuder en anst\u00e4ndig inl\u00e4rningsupplevelse och milj\u00f6 f\u00f6r dem som precis har b\u00f6rjat l\u00e4ra sig koda. De har en strukturerad lista med lektioner som alla nyb\u00f6rjare bekv\u00e4mt kan g\u00e5 igenom, komplett med exempel och en simulator att tr\u00e4na med. W3Schools tillhandah\u00e5ller ocks\u00e5 certifieringar, men du m\u00e5ste betala f\u00f6r dem.\n<\/p>\n \n WebPlatform.org \u00e4r ett W3C-samarbete med Apple, Adobe, Facebook, Google, HP, Microsoft, Intel, Mozilla, Opera och Nokia. WebPlatform.orgs huvudsakliga funktion \u00e4r att fungera som v\u00e4rd f\u00f6r all dokumentation om webbutveckling. Alla \u00e4r v\u00e4lkomna att vara med och delta i samtal. Bidrag och samarbete uppmuntras starkt, vilket \u00e4r m\u00f6jligt via en MediaWiki-plattform.\n<\/p>\n \n Om du \u00e4r en regelbunden bes\u00f6kare vet vi att du redan vet. Men f\u00f6r konsekvensens skull \u00e4r InstantShift, som dess About-kodavsnitt visar, en community f\u00f6r webbutvecklare och designers. En blogg med flera f\u00f6rfattare, den erbjuder ett brett utbud av resurser, artiklar och instruktioner, till och med gratis teman, som designers och utvecklare med varierande erfarenhet och kompetensniv\u00e5er kan referera till att antingen dra ig\u00e5ng sin kunskap eller h\u00e4mta inspiration fr\u00e5n. Artikelkategorier inkluderar bland annat webbdesign, WordPress, CSS, tutorials, verktyg, freebies, fotografi och ikoner.\n<\/p>\n \n En edX-klass som undervisas av David J. Malan, professor vid Harvard University, som tar den h\u00e4r introduktionskursen till datavetenskap \u00e4r en investering v\u00e4rd sin vikt i guld, det \u00e4r konstigt att de inte tar betalt f\u00f6r det. Det \u00e4r fr\u00e4mst d\u00e4rf\u00f6r som m\u00e5nga livsl\u00e5nga elever runt om i v\u00e4rlden \u00e4r tacksamma f\u00f6r m\u00f6jligheterna som MOOCs (massiva \u00f6ppna onlinekurser) ger dem som inte har r\u00e5d att komma in p\u00e5 prestigefyllda universitet som Harvard. Spr\u00e5ken du kommer att l\u00e4ra dig kommer att omfatta C, PHP, JavaScript, SQL och, naturligtvis, CSS och HTML. Om du vill anv\u00e4nda denna klass f\u00f6r kredit m\u00e5ste du betala f\u00f6r certifieringen.\n<\/p>\n \n Tuts+ inneh\u00e5ller en uppsj\u00f6 av handledningar och kurser att v\u00e4lja mellan, allt fr\u00e5n kodning till illustration, till design och utveckling av mobilappar. Tuts+ har gratis kurser och handledningar, men premium\u00e5tkomst kr\u00e4ver betalning p\u00e5 minst $15 per m\u00e5nad till $360 per \u00e5r. De erbjuder en 14-dagars gratis provperiod.\n<\/p>\n \n Treehouse \u00e4r en betaltj\u00e4nst som syftar till att l\u00e4ra ut webbutveckling, design och utveckling av mobilappar. Grundl\u00e4ggande \u00e5tkomst kostar $24 per m\u00e5nad, och proffs kostar $49. Webbplatsen \u00e4r ocks\u00e5 utrustad med forum, arbetsytor, t\u00e4vlingar och utmaningar, bonuslektioner och konferenser, live-workshops, ett bibliotek och en community du kan n\u00e5 ut till och interagera med.\n<\/p>\n \n \u00d6vning g\u00f6r b\u00e4ttre, om inte perfekt. Genom att \u00f6va l\u00e5ter du din hj\u00e4rna g\u00f6ra en aktiv, kreativ handling som stimulerar b\u00e4ttre inl\u00e4rning och retention, i motsats till att bara l\u00e4sa och titta p\u00e5 tutorials. Komplettera dina studier genom att \u00f6va med MOOCs som:\n<\/p>\n \n Att registrera sig \u00e4r gratis med Codecademy, och lektionerna \u00e4r enkla f\u00f6r nyb\u00f6rjare. Du kan se hur dina HTML- och CSS-koder \u00f6vers\u00e4tts till en webbsida n\u00e4r de visas live bredvid din textredigerare och \u00e4ndras allt eftersom. Det finns ocks\u00e5 ett forum d\u00e4r du kan dela dina fr\u00e5gor och svar med communityn.\n<\/p>\n \n Med Code Avengers \u00e4r det ocks\u00e5 gratis att registrera sig. Det l\u00e5ter dig bygga en webbplats genom HTML och CSS, komplett med instruktioner genom text och video. Efter att ha klickat p\u00e5 bockknappen p\u00e5 den \u00f6versta delen av textredigeraren f\u00e5r du se hur din kod ser ut genom ett mobiltelefonformat f\u00f6nster till h\u00f6ger. Om du registrerar dig f\u00f6r ett konto f\u00e5r du m\u00f6jligheten att spara dina framsteg och f\u00e5 po\u00e4ng mot andra deltagare via en topplista.\n<\/p>\n \n F\u00f6r att f\u00e5 din kreativa k\u00e4nsla att fl\u00f6da och hitta f\u00f6rebilder att efterlikna, leta runt p\u00e5 webben efter n\u00e5gra verkliga exempel. Se vilken typ av bra material som redan finns d\u00e4r ute och vad alla andra s\u00e4ger om det fr\u00e5n en utvecklare, publik, anv\u00e4ndargr\u00e4nssnitt, design och programmeringssynpunkt\n<\/p>\n \n Du kan till exempel kolla in globalt erk\u00e4nda utvecklare, byr\u00e5er och webbplatser genom Awwwards<\/a>, en webbplats som \u00e4r dedikerad till att erk\u00e4nna och marknadsf\u00f6ra det b\u00e4sta inom webbdesign och utveckling runt om i v\u00e4rlden.\n<\/p>\n \n F\u00f6r att g\u00f6ra dig mer synlig f\u00f6r kunderna \u00e4r en portf\u00f6lj viktigt. Det finns m\u00e5nga portf\u00f6ljv\u00e4rdssajter d\u00e4r ute, men h\u00e4r \u00e4r tv\u00e5 exempel:\n<\/p>\n \n Med dom\u00e4nv\u00e4rd, integration med sociala medier, s\u00f6kmotoroptimering, inbyggd statistikpanel och funktionalitet f\u00f6r att skicka nyhetsbrev \u00e4r PortfolioBox v\u00e4rt att titta n\u00e4rmare p\u00e5. Den har inbyggt st\u00f6d f\u00f6r smartphones och surfplattor ocks\u00e5, s\u00e5 din webbplats ser lika bra ut n\u00e4r den visas fr\u00e5n vilken enhet som helst. PortfolioBox erbjuder ett gratis konto som kan vara v\u00e4rd f\u00f6r upp till 40 bilder och, n\u00e4r du registrerar dig, l\u00e5ter dig anv\u00e4nda Pro-funktioner i 30 dagar. Pro kostar $6,90 varje m\u00e5nad och betalas \u00e5rligen.\n<\/p>\n \n En webbplats av utvecklare som fungerar som en visa-och-ber\u00e4tta-plattform f\u00f6r andra utvecklare, Dribbble l\u00e5ter dig dela sk\u00e4rmdumpar av dina processer, arbete och projekt. Den har en funktion f\u00f6r sociala medier som visar hur m\u00e5nga visningar, gilla-markeringar och kommentarer du f\u00e5r.\n<\/p>\n \n Det \u00e4r produktivt att forts\u00e4tta tr\u00e4na och \u00f6va, men inget sl\u00e5r den sortens tr\u00e4ning som l\u00f6nar sig, vilket i grunden \u00e4r vad att f\u00e5 betalt arbete f\u00f6r dina kunskaper. Du till\u00e4mpar och finslipar ditt hantverk, och i slutet av dagen drar n\u00e5gon nytta av dess v\u00e4rde och betalar f\u00f6r det. Frilansande sajter som ProgrammerMeetDesigner<\/a>, GetACoder<\/a> och AuthenticJobs<\/a> \u00e4r bara n\u00e5gra av de platser som anst\u00e4ller kodare och designers. Den h\u00e4r n\u00e5got f\u00f6r\u00e5ldrade artikeln<\/a> fr\u00e5n Hongkiat.com listar 50 frilansarbetsplatser f\u00f6r designers och programmerare, varav de flesta fortfarande g\u00e5r starkt.\n<\/p>\n \n Att vara en del av en community \u00e4r fantastiskt f\u00f6r att uppmuntra dig och hitta svar p\u00e5 n\u00e5gra s\u00e4rskilt sv\u00e5ra problem du kommer att st\u00f6ta p\u00e5 under din webbutvecklingsresa. H\u00e4r \u00e4r en lista \u00f6ver forum att delta i f\u00f6r att f\u00e5 mer aktuell kunskap, v\u00e4nner, mentorer, till och med jobbremisser.\n<\/p>\n \n I det \u00f6gonblick du landar kunder blir projektledning en viktig f\u00e4rdighet. Enkel och l\u00e4tt att anv\u00e4nda, TeuxDeux<\/a> kan organisera din dagliga uppgiftslista. Webbutveckling \u00e4r vanligtvis inte ett endagsprojekt. F\u00f6r vissa projekt m\u00e5ste du schemal\u00e4gga uppgifter inom en tidsram och uppskatta hur mycket tid varje beh\u00f6ver slutf\u00f6ras. F\u00f6r mer omfattande framtida projekt som enkla att-g\u00f6ra-listor eller samarbetsprogram inte kan hantera, finns det intuitiva och adaptiva fullfj\u00e4drade projektlednings- och samarbetsverktyg, som Comindware Project<\/a>, som \u00e4r v\u00e4rda att \u00f6verv\u00e4ga.\n<\/p>\n<\/a><\/p>\n\n HTML-hund<\/a>
\n<\/h5>\n<\/a><\/p>\n\n Shay Howe<\/a>
\n<\/h5>\n<\/a><\/p>\n\n Mozillas utvecklarn\u00e4tverk<\/a>
\n<\/h5>\n\n Memrise<\/a>
\n<\/h5>\n<\/a><\/p>\n\n
\n W3C<\/a>
\n<\/h5>\n\n W3Schools<\/a>
\n<\/h5>\n<\/a><\/p>\n\n webplatform.org<\/a>
\n<\/h5>\n\n InstantShift
\n<\/h5>\n\n Delta i onlinekurser\/kurser
\n<\/h3>\n\n Harvard CS50<\/a>
\n<\/h5>\n\n Tuts+<\/a>
\n<\/h5>\n<\/a><\/p>\n\n Tr\u00e4hus<\/a>
\n<\/h5>\n<\/a><\/p>\n\n \u00d6va
\n<\/h3>\n\n Codecademy<\/a>
\n<\/h5>\n<\/a><\/p>\n\n Code Avengers<\/a>
\n<\/h5>\n<\/a><\/p>\n\n Bli inspirerad
\n<\/h3>\n<\/a><\/p>\n\n Skapa en portf\u00f6lj
\n<\/h3>\n\n PortfolioBox<\/a>
\n<\/h5>\n<\/a><\/p>\n\n Dribbla<\/a>
\n<\/h5>\n<\/a><\/p>\n\n F\u00e5 betalt f\u00f6r att arbeta
\n<\/h3>\n<\/a><\/p>\n\n Bli en del av en gemenskap
\n<\/h3>\n\n
\n Hantera dina projekt
\n<\/h3>\n