bepaalde vaardigheden groeien in de vraag.

vaardigheden die uw banen en kansen voor de komende jaren en decennia bijna kunnen garanderen.

een van deze vaardigheden is webontwikkeling.

heeft u zich afgevraagd hoe u een webontwikkelaar kunt worden?

In tegenstelling tot wat vaak wordt gedacht, heb je geen chique bachelor in informatica nodig om webontwikkelaar te worden en een functionele website te maken.

in feite, als je de instructies in dit artikel volgt, kun je veel sneller een webontwikkelaar worden dan je denkt (maar het zal nog steeds hard werken!).

klaar? Laten we beginnen met de basis:

wat/wie is een webontwikkelaar

Hier is het eenvoudige antwoord op deze vraag: ze bouwen en onderhouden websites.

met andere woorden – ze creëren letterlijk hoe je het web ervaart. De websites die willen dat gebruikers om te genieten van hun ervaring hebben grote webontwikkelaars nodig – en ze zijn meestal bereid om vork over een aantal ernstige geld om deze geweldige webontwikkelaars te krijgen.

verantwoordelijkheden van een webontwikkelaar:

1. schrijf webpagina ‘ s met een combinatie van opmaaktalen.
2. maak kwaliteit mockups en prototypes.
3. Bouw een WordPress site vanaf nul.
4. HTML en CMS begrijpen.
5. begrijp UI, UX en leerbaarheid.
6. ontwikkel functionele en aantrekkelijke websites en webapplicaties.
7. zorg voor websiteonderhoud en verbeteringen.

Dit zijn de meest voorkomende vereisten, maar uw verantwoordelijkheden en taken zullen variëren afhankelijk van de web development gig en uw web development specialiteit.

sprekend over Web development specialties, zijn er drie waarvan u op de hoogte moet zijn:

1. Frontend development: de ” frontend “verwijst naar” dingen “op een website die u ziet en waarmee u communiceert, bijvoorbeeld menu’ s, dropdowns, enz.
2. Backend ontwikkeling: de “backend” is als het gedeelte van de ijsberg Onder het oppervlak. Zonder dat kan de website niet functioneren. De backend behandelt servers, toepassingen, databases, enz.
3. Full-stack ontwikkeling: Dit is de combinatie van zowel backend als frontend ontwikkeling.

waarom zou u webontwikkelaar moeten worden?

webontwikkeling is een industrie die niet snel zal uitsterven.in feite heeft het Amerikaanse Bureau of Labor Statistics een groei van 13% voorspeld in de beschikbare banen voor webontwikkeling tot 2028.

simpel gezegd-Als u deze vaardigheid kunt ontwikkelen, zult u in de nabije toekomst geen moeite hebben om werk te vinden.

hier zijn vijf grote voordelen / voordelen van een webontwikkelaar:

1. u kunt op afstand werken. Heb je je ooit afgevraagd hoe het zou zijn om overal ter wereld te werken, in je eigen tijd? Als webontwikkelaar heb je genoeg mogelijkheden om op afstand te werken. Misschien kun je eindelijk die droom van het reizen over de wereld te vervullen, terwijl het besparen van geld op hetzelfde moment.
2. u kunt uw vaardigheden gebruiken om uw eigen websites en webapplicaties te bouwen. Wilt u een winstgevende website of applicatie maken? Met deze vaardigheid, hoeft u niet te betalen een ton van geld om het gebouwd te krijgen. Je kunt het zelf bouwen voor een fractie van de prijs.
3. u kunt zelfstandig werken. Je hoeft niet langer onder de paraplu van een baas te werken als je dat niet wilt. U kunt freelance of start uw eigen bedrijf veel gemakkelijker als je weet over web development.
4. stap in de winstgevende tech-industrie. Web development is eigenlijk uw ticket naar de tech-industrie. De meeste tech startups hebben wat behoefte aan webontwikkelaars, dus dit kan uw manier om uw voet in de deur.
5. je kunt geweldige dingen bouwen! Het leuke is dat je zo creatief kunt zijn als je wilt. In plaats van naar websites te kijken en te denken: “Wow, dat ziet er geweldig uit. Ik wou dat ik zoiets kon maken, ” u zult nu in staat zijn om uw eigen geweldig uitziende website te maken.

Wat denkt u? Maakt dit alles je enthousiast over het idee om een web developer te worden? Als dat zo is, bent u op de juiste plaats – omdat je op het punt om te leren van de stappen die u moet nemen om een te worden!

How to Be a Web Developer

leer de basisprincipes van HTML, CSS en Javascript

Dit zijn de moeren en bouten van alle website ontwikkeling waarmee je dagelijks werkt als je besluit om websites te bouwen voor de kost.

• HTML dicteert de structuur
• CSS zal het er mooi laten uitzien
• Javascript zal het laten functioneren

laten we elk van deze bespreken en hoe je ze kunt leren.

HTML

HTML staat voor Hypertext Markup Language. Het is een van de belangrijkste ingrediënten van een website en een van de zogenaamde frontend talen.

in het kort-Het biedt het basis skelet van een website, voornamelijk door middel van een reeks tags.

een tag is de HTML-code die het uiterlijk van de inhoud van het HTML-document bepaalt.

Hier zijn enkele veel voorkomende HTML – tags waarmee u vertrouwd zou moeten zijn:

• <HTML></HTML> – deze tag verschijnt aan het begin en einde van een HTML-document. Het geeft aan dat het document is geschreven in HTML5.
• <title></title> – het titellabel is de titel voor de pagina. Dit is zowel nuttig voor zoekmachines (als ze te scannen en te indexeren pagina ‘ s) en gebruikers (het verschijnt in de titelbalk van een browser) door expliciet de primaire onderwerp van elke pagina
• <kop></head> – Dit bevat informatie over de specifieke pagina, met inbegrip van de titel-tags in de metadata en links naar scripts en stylesheets.
• <body></body> – dit omvat alle inhoud die aan gebruikers zal worden getoond, inclusief alles wat ze zullen zien en lezen.

Opmerking: alle tags beginnen als “<body> “en eindigen als”</body>”. De ” / ” geeft aan dat de specifieke tag daarna niet meer in gebruik is. Het is belangrijk om het einde tag in te zetten. Anders zal het hele document die tag gebruiken.

Hier zijn enkele bronnen voor het leren van HTML:

• HTML beginnershandleiding
• HTML spiekbrief

CSS

CSS staat voor Cascading Style Sheets.

Het plaatst de stijl achter de HTML-structuur. Kortom, zonder CSS, HTML, en bijgevolg, de hele webpagina zou saai uitzien.

zo combineren ze: in uw HTML-code verwijst u naar een CSS-typogram.

Hier is een voorbeeld van hoe CSS eruit ziet in actie:

}#top-header a,#top-header a { color: #fff;}#top-header,#et-secondary-nav { -webkit-transition: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out; -moz-transitions: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out; -transistion: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out;}#top-header .container { padding-top: 0.75em; font weight: 600;}

Hier is een geweldige bron voor het leren van CSS: CSS spiekbrief

Javascript

Javascript is een programmeertaal waarmee u elementen op webpagina ‘ s kunt implementeren. Het vermogen functies zoals interactieve kaarten, 2D / 3D graphics, en meer.

Hier is een geweldige bron om u te helpen Javascript te leren: Javascript Cheat Sheet

leer de basis van WordPress

om webontwikkelaar te worden, moet u vertrouwd raken met WordPress. Immers-63% van alle websites worden aangedreven door deze gratis, open-source software die u kunt installeren om in principe elke webhost.

zodra u een WordPress site hebt opgezet, is het voor uw klanten vrij gemakkelijk om zelf inhoud toe te voegen (zelfs als ze geen ervaring hebben met webontwikkeling).

We hebben veel WordPress gidsen op deze website. Bekijk de onderstaande links:

• Hoe maak je een WordPress Website
• Hoe maak je een WordPress Blog
• Hoe maak je WordPress

Maak kennis met UI en UX

UI (User Interface) en UX (User Experience) zijn de basis van user experience design.

De meeste ontwikkelaars zijn geen ontwerpexperts – dit zijn twee verschillende rijken. Je hoeft geen design rockstar te zijn.

Het is nog steeds belangrijk om op te merken dat door het leren van de grondbeginselen van user experience design, je beter kunt begrijpen hoe een website moet werken. Dat zal houden meer gebruikers op de site, hen helpen vinden wat ze zoeken, en uiteindelijk meer geld uitgeven aan die site.

om de bouwstenen van ontwerpvaardigheden te leren, raden we aan de Adobe Creative Suite te leren. Photoshop moet het eerste zijn waar je in duikt, want het is de go-to voor de meest serieuze ontwerpers. Als je Adobe niet leuk vindt, kun je ook een duik nemen in Sketch, een rijzende ster onder ontwerpers.

hier zijn enkele bronnen voor het begrijpen en leren van UI en UX:

• het verschil tussen UX en UI Design-een Lekengids
• Treehouse en Lynda bieden uitstekende beginnerscursussen in zowel Photoshop als algemene ontwerpconcepten

leer SQL en PHP (optioneel)

We zullen deze twee samenvoegen omdat ze als twee zijden van dezelfde medaille zijn.

SQL is een databasetechnologie (Zie SQL spiekbriefje) die informatie opslaat. PHP is een ‘scripting’ taal die plaatsen of pulls dingen uit een database (zie PHP cheat sheet).

denk bijvoorbeeld aan WordPress.

het gebruikt MySQL om informatie op te slaan en te beheren (blogberichten, pagina-inhoud, opmerkingen, gebruikersinformatie, enz.) in een database ’tabel’. PHP is wat maakt een WordPress website dynamisch, interactie met al deze verschillende elementen en goed updaten van de database als je gaat.

Meer leren over hoe SQL en PHP samenwerken kan je helpen om WordPress site ontwikkeling onder de knie te krijgen, waar letterlijk honderden (zo niet duizenden) mensen elke dag naar op zoek zijn op job en project boards op het internet.

extra bronnen voor het leren van PHP en SQL:

• SQL Course
• TutorialsPoint (PHP)

Het is niet eenvoudig. Je zult dit niet allemaal onder de knie krijgen in een week of twee. Maar na verloop van tijd, vertrouwd worden en dan goed in deze vaardigheden betekent dat je altijd een winstgevende carrière voor je hebt.

leer de basis van SEO

SEO staat voor Search Engine Optimisation. Dit verwijst naar het proces van het verbeteren van een website rankings binnen een zoekmachine zoals Google. Het is een van de belangrijkste vaardigheden in online business.

u denkt misschien: “als ik een ontwikkelaar ben, waarom moet ik me dan zorgen maken over hoe goed een site in de zoekmachines staat? Is dat niet de taak van de bloggers en content makers?”

nou ja, een groot deel van de SEO van een website heeft te maken met de inhoud. Maar ook de eigenlijke structuur en code van de website spelen een rol.

bijvoorbeeld, heading tags (HTML) zijn uiterst belangrijk voor SEO. Ze vertellen zoekmachines wat echt belangrijk is op een website.

nu, moet u een SEO expert? Absoluut niet. Maar je moet de basis van SEO leren, en houd SEO in gedachten terwijl je het maken van elke website. Daarbij, U zult de website een veel grotere kans op succes te geven, en maak uw Web development client dat veel gelukkiger.

Hier zijn een paar SEO tips voor webontwikkelaars:

• laat uw meta tags optimaliseren. Op de zoekpagina, de meta tag vertelt browsers wat uw site is over – hoe beter het is, hoe groter de kans dat ze doorklikken naar de site.
• zorg ervoor dat uw heading tags in een specifieke volgorde staan. H1 zou de hoofdrubriek moeten zijn, en dan zou je door lagere koppen door de pagina moeten afdalen (d.w.z., H2, H3, H4, enzovoort). Dit maakt het makkelijker voor zoekmachines om de site te navigeren.
• zorg ervoor dat uw title tag de webpagina correct beschrijft. De titel moet benadrukken waar de pagina over gaat.

Hier zijn enkele bronnen voor het leren van de basisprincipes van SEO:

• The Beginner ‘ s Guide to SEO
• How to Learn SEO: 10 of the Best Resources to Bookmark
• How to Increase Website Traffic

besteed ten minste 3-5 uur aan het lezen van resources en het leren van de basis. Dit zal u voorbereiden om websites te ontwikkelen met SEO in het achterhoofd.

zorg ervoor dat uw Site responsief is

wanneer u uw eigen website maakt (wat een goed idee is als u meer clients wilt krijgen) – u moet ervoor zorgen dat uw site responsief is.

Responsive betekent dat de elementen van de website worden aangepast aan de schermgrootte. Dit betekent dat uw website er goed uitziet, of de bezoeker nu op een laptop of mobiel apparaat zit.

in 2018 was responsive design cruciaal. Al uw klanten zullen verwachten dat het-leiden door het voorbeeld en zorg ervoor dat uw website is responsief.

***

Oke, dus als je eenmaal door deze 6 stappen gaat, heb je een basiskennis van webontwikkeling. Je weet hoe je het moet doen (tenminste op basisniveau).

neem de tijd met deze stappen – de vraag naar webontwikkelaars zal niet snel afnemen, dus je hebt tijd om te leren.

maar hier is de grote vraag: als je eenmaal het gevoel hebt dat je die basiskennis hebt, hoe vind je eigenlijk web development clients?

je hebt geluk – daar zullen we het nu over hebben!

hoe u uw eerste Web Development Client kunt vinden (of FREELANCER kunt worden)

alleen omdat u de vaardigheid hebt, betekent niet dat mensen gewoon geld aan u zullen overmaken. Je moet wat werk doen en jezelf verkopen. Je moet jezelf ook op de juiste plaatsen om kansen te krijgen.

als webontwikkelaar heb je nu twee keuzes. U kunt 1) proberen om het land van een fulltime, on-site baan met een bedrijf of 2) Ga de route van freelancing, en kijk voor online optredens.

Wij raden freelancing aan. Hoewel het niet hetzelfde gegarandeerde salaris biedt als een fulltime baan, zijn er 3 enorme voordelen:

• Vrijheid: niet meer in-en uitklokken. U kunt nog steeds dezelfde uren (of meer) werken, maar uw schema, locatie en leefomstandigheden zijn volledig aan u. (Plus – geen woon-werkverkeer, dat bespaart u uren per week!)
• geld: als je eenmaal een goede freelancer bent geworden, heb je een betere kans om meer geld te verdienen (dan te wachten op een miezerige verhoging van 3% per jaar).
• Prestige: na verloop van tijd zult u de mogelijkheid hebben om uw eigen persoonlijke werk en merk op te bouwen tot het punt dat u uiteindelijk een gestage instroom van nieuwe klanten garandeert (zonder zelfs te hoeven zoeken!).

in de volgende sectie zullen we ons concentreren op hoe u uw eerste freelancing-optreden als webontwikkelaar kunt krijgen.

Get on Job Boards

De meeste freelancers gaan naar job boards om hun eerste web development optredens te vinden. Die kunnen geweldig zijn voor het accumuleren van ervaring, maar je wilt ze waarschijnlijk niet gebruiken als een lange termijn strategie.

de kwaliteit van clients kan erg hit-or-miss zijn. Sommige kunnen geweldig zijn. Anderen minder …

vaak trekken ze mensen aan die onervaren zijn met het aannemen van mensen, wat veel problemen kan veroorzaken als je met hen probeert te werken. Heel vaak zullen jobboards ook mensen aantrekken met onrealistische termijnen en budgetten.

teveel vertrouwen op vacaturebanken (te lang) geeft je niet de mogelijkheid (of vrije tijd) om te beginnen met het bouwen van je eigen merk. Het aantrekken van’ inkomende ‘ aandacht voor uw werk zal uiteindelijk land je de beste (en best betalende) klanten aan het einde van de dag.

maar zoals we al zeiden, Het is geen slechte optie om aan de slag te gaan en ervaring op te doen.

begrijp gewoon dat elk optreden dat je krijgt op een job board (hoewel het misschien niet erg goed betaalt) je zal helpen om ervaring op te doen en meer toekomstig werk te krijgen.

Het is ook vrij eenvoudig om aan de slag te gaan op job boards…

Hieronder is een foto van de resultaten van een snelle zoekopdracht op UpWork:

(zoals u kunt zien, zijn er tal van vacatures voor webontwikkelaars!)

Hier zijn enkele job boards waar u Web development gigs kunt vinden:

• PeoplePerHour.com
• Codeable.io (voor WordPress)
• TopTal.com (voor WordPress)
• UpWork.com

Stel een Portfolio Site samen

om het gemakkelijk te maken om meer klanten te krijgen (en voor klanten om u te vinden), moet u een portfolio site maken. Dit is waar u zult pronken met uw nieuwste projecten, toon getuigenissen van tevreden klanten, bieden potentiële klanten met een gemakkelijke manier van contact met u, en ook pronken met uw web development mogelijkheden.

Hier zijn enkele tips voor het maken van uw web development portfolio site:

• gebruik getuigenissen van vroegere en huidige klanten. Dit zal bezoekers verzekeren dat je geweldig werk doet en dat anderen blij waren om met je samen te werken. (Maak er een gewoonte van het vragen van getuigenissen wanneer u klaar bent met een project.)
• Infuseer uw persoonlijkheid. Wat is er zo geweldig aan met jou te werken, en wat maakt jou opvallen? Wanneer u persoonlijkheid in uw portfolio site, u zult automatisch jezelf onderscheiden.
• bevat de juiste elementen. Je naam, de korte versie van je verhaal over hoe/waarom je een webontwikkelaar werd, je contactgegevens, je recente werk en je vaardigheden.
• antwoord op de ” Wat zit er voor mij in?” vraag. Kortom, laat ze weten het belangrijkste voordeel van het werken met u, dat wil zeggen, wat klanten zullen krijgen van het werken met u.

vooral-zorg ervoor dat uw portfolio site er geweldig uitziet! Je wilt dat potentiële klanten het zien en denken, ” Wow! Ik wil ook zoiets voor mijn website!”Op die manier zullen ze veel meer geïnteresseerd zijn in het werken met jou.

Hier zijn een paar voorbeelden van geweldige portfoliosites voor webontwikkelaars om als inspiratie te gebruiken:

• MattFarley.ca
• Caferati.Ik (spreken van infusing persoonlijkheid, deze ontwikkelaar doet het op een grote manier op zijn site. Ga naar de homepage en je zult zien wat we bedoelen!)
• Pierre.io

Hier zijn enkele bronnen om u te helpen bouwen uw website ontwikkeling portfolio website:

• het Maken van een Portfolio Website
• 10 Tips voor het Maken van Uw Ontwikkelaar Portfolio

Netwerken

niet alleen al je tijd wassen online job boards. Als je grote kansen wilt krijgen, moet je ook de echte wereld in.

maak er een punt van om minstens 2-3 relevante netwerkevenementen per maand bij te wonen. Ervan uitgaande dat je in of binnen een uur of twee van een grote stad woont, zou het niet moeilijk moeten zijn om dit soort evenementen te vinden.

begin met zoeken naar meetups op Meetup.com en Eventbrite. Op deze twee platforms alleen al moet je Ton van relevante gebeurtenissen te vinden.

richt zich op evenementen die ondernemers aantrekken, omdat deze mensen het meest geneigd zullen zijn een nieuwe website te bouwen. Als je VERBINDING en netwerk met meer van deze mensen (en laat het bekend zijn dat je een web developer), je jezelf bloot aan meer en betere optredens dan die je zou vinden op job boards. U zult ook beginnen om uw persoonlijke merk te laten groeien.

Hier is een andere geweldige bron om u te helpen evenementen te vinden: hoe netwerkevenementen te vinden die het bezoeken waard zijn

de voordelen van een fulltime webontwikkelaar

we hebben veel gesproken over freelancen als webontwikkelaar. Echter, fulltime werken in een bedrijf heeft zijn eigen voordelen:

• u werkt met andere ontwikkelaars – Dit geeft u het voordeel van een gedeelde ervaring, vooral als u geheel nieuw bent. Werken met anderen stelt hen in staat om hun ervaring met u te delen, wat heel waardevol is.
• Client support is georganiseerd – wanneer u in een bedrijf werkt, bent u niet gebonden om op verschillende tijdstippen van de dag te werken. Dit betekent dat klanten van het bedrijf weten wanneer ze contact moeten opnemen en verwachten dat uw werk klaar is.
• veel meer gerichte werkdruk-verschillende freelancers werken vandaag de dag aan verschillende projecten op hetzelfde moment. Dit verdeelt hun focus die de algehele kwaliteit kan beïnvloeden. Als een fulltime Ontwikkelaar, heb je meer kans om te werken aan een enkel project dat uw volledige aandacht vereist.

conclusie

de arbeidsmarkt wordt steeds moeilijker. De meer traditionele banen worden elke dag uitgefaseerd. Dus, waarom niet leren van een vaardigheid die je in dienst (en mogelijk rijk) voor de nabije toekomst zal houden?

dat is het grote voordeel van webontwikkeling. Het grote deel is – je hebt geen dure diploma nodig om in het veld te komen. Gewoon door het volgen van de stappen die we hier hebben vermeld, kunt u beginnen met het pad van steeds een web developer.

ook zijn er veel opties voor geïntegreerde ontwikkelomgeving (IDE) die het leven van een ontwikkelaar veel gemakkelijker maken.

om samen te vatten, hier zijn de basisstappen om een webontwikkelaar te worden:

1. Leer de Basis van HTML, CSS, en Javascript
2. Ga door WordPress Tutorials
3. Leer de Basis van UI en UX
4. Leren SQL en PHP
5. Leer de Basics van SEO
6. Zorg Ervoor dat Uw Site is Responsive

En hier zijn de basisstappen voor het vinden van je eerste web development optreden:

1. op Job Boards
2. het samenstellen van een Portfolio-Site
3. Netwerken

Nu is het tijd om actie te ondernemen en de wereld te laten zien wat een geweldige web-ontwikkelaar u kan worden!