HOE OM

Hoe om huis toe

Spyskaarte

Ikoonbalk Kieslys-ikoon Trekklavier Oortjies Vertikale oortjies Oortjieopskrifte Volblad-oortjies Beweeg oortjies Top navigasie Responsiewe Topnav Navbar met ikone Soek Menu Soekbalk Vaste Sidebar Bladsynavigasie Responsiewe Sidebar Volskermnavigasie Off-Canvas Menu Beweeg Sidenav-knoppies Sybalk met ikone Horisontale rolkieslys Vertikale spyskaart Onderste navigasie Responsiewe onderste navigasie Ondergrens Nav Skakels Regsbelynde spyskaartskakels Gesentreerde kieslysskakel Gelyke breedte spyskaart skakels Vaste spyskaart Skuif balk af op Scroll Versteek Navbar op Scroll Krimp Navbar op Scroll Plakkerige navigasiebalk Navbar op Beeld Beweeg aftreklys Klik Dropdowns Cascading Dropdown Aftreklys in Topnav Aftreklys in Sidenav Resp Navbar aftreklys Subnavigasie-kieslys Dropup Mega spyskaart Mobiele spyskaart Gordyn Menu Sybalk saamgevou Ingevoude sypaneel Paginering Broodkrummels Knoppiegroep Vertikale knoppiegroep Sticky Social Bar Pilnavigasie Responsiewe kop

Beelde

Skyfievertoning Skyfievertoninggalery Modale beelde Lig boks Responsiewe beeldrooster Beeldrooster Tab Galery Beeld-oorleg vervaag Beeld-oorleg-skyfie Beeld-oorlegzoem Prent-oorlegtitel Beeld-oorleg-ikoon Beeld effekte Swart en Wit Beeld Beeld teks Prentteksblokke Deursigtige beeldteks Volle bladsy Beeld Vorm op Beeld Heldebeeld Vervaag agtergrondprent Verander Bg op Scroll Sy-aan-sy-beelde Afgeronde beelde Avatar beelde Responsiewe beelde Sentreer beelde Duimnaels Rand om beeld Ontmoet die span Klewerige beeld Blaai 'n prent Skud 'n beeld Portefeuljegalery Portefeulje met filtering Beeldzoem Beeldvergrootglas Beeldvergelyking-skuifbalk Gunsteling

Knoppies

Waarskuwingsknoppies Omlyn-knoppies Verdeel knoppies Geanimeerde knoppies Vervaag knoppies Knoppie op Beeld Sosiale media-knoppies Lees Meer Lees Minder Laai knoppies Laai knoppies af Pil Knoppies Kennisgewing-knoppie Ikoon knoppies Volgende/vorige knoppies Meer-knoppie in Nav Blokknoppies Teks knoppies Ronde knoppies Blaai na bo-knoppie

Vorms

Aantekenvorm Registrasievorm Betaalvorm Kontak Vorm Sosiale aanmeldvorm Registreer Vorm Vorm met ikone Nuusbrief Gestapelde vorm Responsiewe vorm Opspringvorm Inlyn vorm Vee invoerveld uit Versteek nommerpyltjies Kopieer teks na knipbord Geanimeerde soektog Soek knoppie Volskermsoektog Invoerveld in Navbar Aantekenvorm in Navbar Pasgemaakte merkblokkie/radio Pasgemaakte kies Wissel skakelaar Merk Merkblokkie Bespeur Caps Lock Snellerknoppie op Enter Wagwoord validering Wissel Wagwoordsigbaarheid Meervoudige Stapvorm Outovoltooi Skakel outovoltooiing af Skakel speltoets af Lêeroplaai-knoppie Leë invoerbekragtiging

Filters

Filter lys Filtertabel Filter elemente Filter aftreklys Sorteer lys Speltabel

Tabelle

Sebra Gestreepte Tafel Sentrumtafels Volle breedte tafel Sy-aan-sy tafels Responsiewe tabelle Vergelykingstabel

Meer

Volskerm video Modale bokse Verwyder Modal Tydlyn Scroll aanwyser Vorderingstawe Vaardigheidsbalk Range Sliders Gereedskapwenke Vertoon Element Hover Advertensies Opvoubaar Kalender HTML sluit in To Do List Laaiers Stergradering Gebruikersgradering Oorleg effek Kontak Chips Kaarte Flip kaart Profielkaart Produk Kaart Waarskuwings Uitroep Notas Etikette Kringe Styl HR Koepon Lys Groep Lys sonder koeëls Responsiewe teks Uitknip teks Gloeiende teks Vaste voetskrif Klewerige element Gelyke Hoogte Clearfix Responsiewe dryf Peuselstafie Volskerm-venster Scroll Tekening Gladde rol Gradiënt Bg Scroll Plakkerige kop Krimp kopskrif op rol Pryse tabel Parallax Aspekverhouding Responsiewe iframes Wissel Hou van / Hou nie van nie Wissel Versteek/Wys Wissel donker modus Wissel teks Wissel Klas Voeg klas by Verwyder klas Aktiewe klas Boom Uitsig Verwyder eiendom Vanlyn opsporing Vind verborge element Herlei webblad Zoom Hover Flip Box Sentreer vertikaal Middelknoppie in DIV Oorgang op Hover Pyltjies Vorms Aflaai skakel Volle hoogte element Blaaier venster Pasgemaakte rolbalk Versteek rolbalk Wys/Forseer rolbalk Toestel kyk Tevrede bewerkbare grens Plekhouer kleur Tekskeuse kleur Bullet Kleur Vertikale lyn Verdelers Animeer ikone Countdown Timer Tikmasjien Binnekort Bladsy Kletsboodskappe Opspringkletsvenster Verdeelde skerm Getuigskrifte Seksie Teller Aanhalings Skyfievertoning Sluitbare lysitems Tipiese toestelbreekpunte Sleepbare HTML-element JS Media Navrae Sintaksis Verligmaker JS Animasies JS Snaar Lengte JS Eksponensiëring JS verstek parameters Kry huidige URL Kry huidige skermgrootte Kry Iframe Elements

Webwerf

Skep 'n gratis webwerf Maak 'n webwerf Maak 'n statiese webwerf Maak 'n webwerf (W3.CSS) Maak 'n webwerf (BS3) Maak 'n webwerf (BS4) Maak 'n webwerf (BS5) Skep en bekyk 'n webwerf Skep 'n skakelboom-webwerf Skep 'n portefeulje Skep 'n CV Maak 'n restaurantwebwerf Maak 'n besigheidswebwerf Maak 'n webboek Sentrum webwerf Kontak Afdeling Oor Bladsy Groot kop Voorbeeld webwerf

Rooster

2 Kolomuitleg 3 Kolomuitleg 4 Kolomuitleg Uitbreidende rooster Lys Grid View Gemengde kolomuitleg Kolomkaarte Zig Zag Uitleg Bloguitleg

Google

Google Charts Google Fonts Google Font-parings Google Stel Analytics op

Omskakelaars

Skakel gewig om Skakel temperatuur om Skakel lengte om Skakel spoed

Blog

Kry 'n ontwikkelaarwerk Word 'n Front-End Dev.

Hoe OM - Kry 'n ontwikkelaarwerk


Almal kan 'n ontwikkelaar word.

Jy kan baie gratis inhoud op die internet vind.

Dit kan moeilik wees om jou eerste ontwikkelaarswerk te kry.

Die belangrikste ding is om nooit moed op te gee nie.

Oefen elke dag om beter te word.


Wat doen 'n ontwikkelaar

'n Ontwikkelaar is iemand wat dinge op 'n rekenaar laat gebeur.

Dit kan wees om 'n webwerf, webtoepassing te skep, of om 'n speletjie te skep.

Dit kan beide 'n stokperdjie, 'n werk - of 'n werk wees ;+]

Dit is kreatief en lekker om iets te bou wat werk!

Wat neem dit om 'n ontwikkelaar te word

Stel 'n doelwit van watter tipe ontwikkelaar jy wil word. EG Voorkant of Agterkant .

Besluit watter programmeertale om te leer.

Lees, oefen en bou met kode.

Word opgemerk deur iemand wat jou 'n geleentheid kan gee.

Moet nooit opgee nie.

Die verskil tussen Front-End en Back-End is dat Front-End verwys na hoe 'n webblad lyk, terwyl agterkant verwys na hoe dit werk.

Jy dink ook aan Front-End as kliëntkant en Back-End as bedienerkant .


Waar begin ek

HTML, CSS en JavaScript is die basiese tale wat jy moet ken om 'n webwerf te skep.

Om 'n webontwikkelaar te word, begin met die vakke hieronder, in die volgende volgorde:

  1. Skep die struktuur met HTML. Die eerste ding wat jy moet leer, is HTML, wat die standaard opmaaktaal is vir die skep van webblaaie.
  2. Leer HTML ❯
  3. Styl met CSS. Die volgende stap is om CSS te leer, om die uitleg van jou webblad met pragtige kleure, lettertipes en nog baie meer te stel.
  4. Leer CSS ❯
  5. Maak dit interaktief met JavaScript. Nadat u HTML en CSS bestudeer het, moet u JavaScript leer om dinamiese en interaktiewe webblaaie vir u gebruikers te skep.
  6. Leer JavaScript ❯

Het jy al ooit gehoor van W3Schools Spaces ? Hier kan u 'n gratis webwerf bou deur HTML, CSS en JavaScript te gebruik.

Begin gratis ❯

* geen kredietkaart benodig nie

Leer en oefen JavaScript- en CSS-raamwerke en biblioteke soos:

Om die raamwerke en biblioteke te ken, sal jou aantrekliker maak in die arbeidsmark.

Hoe kan ek Back-End leer?

HTML, CSS en JavaScript word gebruik om statiese webwerwe te skep.

Om die webwerwe dinamies te maak (databasisse, kontakvorms, gebruikerstoegang, ensovoorts) moet jy Back-End-programmeertale gebruik.

Hier is 'n paar gewilde Back-End-tale:

Mense wat werk met die skep van webwerwe en webtoepassings word Front-End Developers genoem.

Mense wat met die skep van toepassings werk, word Back-End-ontwikkelaars genoem.

Mense wat met beide Front-End en Back-End werk, word Fullstack-ontwikkelaars genoem.

Ons beveel aan om jou reis met Front-End te begin.


Hoe om jou eerste werk in tien stappe te kry

Daar is baie maniere om jou eerste werk te kry.

Die volgorde van die stappe is 'n voorstel.

Jy kan die stappe doen in die volgorde wat jy wil.


Voorbereidings: Stel 'n doelwit

Verbind jou tot jou doel.

Skep 'n plan.

Wy elke dag en week tyd af vir leer en oefening.

Om konsekwent te wees is die belangrikste ding!


Daar is regtig geen rede om vir 'n duur Bootcamp of maandelikse intekening te betaal om toegang tot inhoud te kry nie.

Jy kan baie gratis inhoud op die internet vind.

Werk jou plan, bou en wees konsekwent. Jy sal reg wees!

Stap een: Bemeester die tale

Lees, oefen en bou met die tale wat jy besluit het om te leer.

Begin met die raamwerke en biblioteke sodra jy selfversekerd voel met die hooftale.

Altyd bou.


Stap twee: Bou 'n aanlyn CV

'n Aanlyn CV is 'n digitale weergawe van 'n CV.

Dit is 'n oorsig van jou ervaring, vaardighede, opvoeding en prestasies.

Dit kan gebruik word om aansoek te doen vir 'n werk, vryskut-optrede, konsultasiebetrokkenheid, of aansoek te doen by 'n skool.

Die waarde daarvan om dit aanlyn as 'n webwerf te hê, is dat mense van regoor die wêreld maklik toegang daartoe kan kry.

Hier is 'n handleiding oor hoe om jou aanlyn CV te skep: Hoe om 'n aanlyn CV te skep


Stap Drie: Bou 'n portefeulje-werf

Die portefeulje is noodsaaklik om raakgesien te word.

Die skep van 'n portefeulje is 'n goeie manier om jou aanlyn-teenwoordigheid te laat groei.

Die portefeulje word gebruik om jou vaardighede en projekte ten toon te stel.

Dit kan jou help om werk, vryskut-optrede of internskap te kry.

Hier is 'n handleiding oor hoe om jou portefeulje te skep: Hoe om 'n portefeulje te skep


Stap vier: Soek en doen aansoek vir relevante poste (deurlopend)

Soek altyd en doen aansoek vir werk.

Tipiese inskrywingsposte is Intern of Junior Ontwikkelaar.

Onthou dat dit die moeilikste is om die eerste werk te kry.

Dit is makliker om die volgende een te land.


Stap Vyf: Soek vryskut-optredes

Vryskut-optredes is goed om relevante werkservaring op te bou.

Skep jou profiel met 'n gig-platform.

Soek en doen aansoek vir relevante aanstellings.

Bemark jou profiel aktief.

Voeg voltooide verbintenisse by jou CV en Portefeulje.


Stap Ses: Werk aan projekte

Werk aan jou eie projekte verbeter jou vaardighede.

Deel jou voltooide projekte met ander.

Hou aan oefen. Konsekwentheid is die belangrikste ding!

Ons het 'n koderedigeerder vir jou geskep genaamd, W3Schools Spaces ? Hier kan u 'n gratis webwerf bou deur HTML, CSS en JavaScript te gebruik.

Begin gratis ❯

* geen kredietkaart benodig nie


Stap sewe: Doen aansoek vir internskappe

Internskappe is een van die beste maniere om die arbeidsmark te betree.

Dit kan jou help om relevante ervaring op te doen soos:

  • Werk daaraan om werklike wêreldprobleme op te los
  • Werk as 'n span (dit is belangrik). Om nie net solo te werk nie
  • Leer by ander
  • Kry terugvoer oor jou kode
  • Leer ratse metodes
  • Kry 'n kans om jouself te bewys met 'n maatskappy

Stap Agt: Laai jou kode op na Github en dra by

Github is 'n oopbronbewaarplek.

Dit is 'n gemeenskap vir programmeerders.

As u u kode op github het, kan u met ander saamwerk.

Deelname aan 'n oopbronprojek is 'n goeie manier om ervaring op te doen. Soek een!

Hier is 'n tutoriaal vir jou om Git te leer: Leer Git


Stap Nege: Sluit aan by 'n ontwikkelaargemeenskap

Gemeenskap is 'n plek waar jy met ander kan skakel.

Deelname aan 'n gemeenskap kan die leer makliker maak.

Om verskillende perspektiewe te deel is 'n goeie manier om te leer.

Jy kan teruggee deur by te dra met wat jy geleer het.

Maak kontak met ander en netwerk, sodat jy opgemerk kan word.

Miskien kan jy 'n mentor in die gemeenskapskare vind?

Om by 'n gemeenskap aan te sluit is wonderlik om met ander ontwikkelaars te skakel om te leer, saam te werk en te netwerk.

Ons het 'n gemeenskap hiervoor geskep.

Sluit aan by die W3Schools-gemeenskap ❯

Stap tien: Verhoog jou aanlyn-teenwoordigheid

Wys jou werk op sosiale media.

Dra by deur relevante inhoud te skryf soos.

  • Jou projekte
  • Artikels
  • Bydraes tot 'n oopbronplatform

W3Skole Spasies

W3Schools Spaces

Alles wat jy nodig het direk in die blaaier. Dit is maklik om te gebruik - probeer dit!