Pijler van het maken van websites en mobiele apps, de ontwikkelaar voorkant moeten zich aanpassen aan een snel veranderende omgeving. Naast de programmeertalen die specifiek zijn voor zijn beroep, moet hij zich steeds meer openstellen voor samenwerkings- en monitoringtools. Wat zijn de essentiële trends in 2021? Moeilijk en zachte vaardigheden, wat zijn de meest prominente vaardigheden? Of je nu beginner of ervaren bent, welke training moet je volgen om aan de top te blijven?
Onder de 820 IT-beroepen vermeld door INSEE, de ontwikkelaar voorkant heeft de wind in de zeilen. Normaal gesproken is het de basis van elke website en mobiele app. Door de jaren heen is deze ontwikkelaar gedwongen zijn vaardighedenportfolio uit te breiden en te verrijken, om de technologische ontwikkelingen en de praktijken die inherent zijn aan zijn beroep te volgen.
Nog niet zo lang geleden vroegen mensen hem eenvoudigweg om de geheimen van HTML, CSS-stylesheets en misschien een beetje jQuery onder de knie te krijgen om interactieve websites te maken. Anno 2021 is dat niet meer genoeg! De vaardigheden die bedrijven en recruiters eisen, hebben betrekking op het beheersen van nieuwe tools: raamwerken die het scala aan mogelijkheden uitbreiden, tools voor samenwerking, om nog maar te zwijgen van vaardigheden op het gebied van ontwerp, mobiel internet en databases. Plotseling ontstond het universum van voorkant is zeer gevarieerd geworden en bestrijkt vele gebieden. Hier zijn de verschillende facetten.
Ontwikkelaar voorkant : Seen missie in 2021
Als de missie van een ontwikkelaar voorkant in de loop van de tijd enorm is verrijkt, is de kernactiviteit niet veranderd: het gaat nog steeds om het bouwen van gebruikersinterfaces voor sites en web- of mobiele applicaties. Vaak wordt het beeld van een ijsberg gebruikt om dit beroep te beschrijven, vergelijkbaar met dat van de webintegrator.
Het zichtbare deel van de ijsberg is wat een webgebruiker ziet, de gebruikersinterface (front-end of front-stack) wanneer hij een site bezoekt of wanneer hij een app op zijn mobiele telefoon gebruikt. Het onderdeel voorhoofd bestaat uit twee complementaire onderdelen: programmering enerzijds, en ontwerp en ergonomie ervan anderzijds. Dit zichtbare gedeelte is gemaakt door de ontwikkelaar voorkant.
Het onzichtbare deel van de ijsberg komt overeen met alles wat de gebruiker niet ziet (achterkant of achterste stapel), de programma's die op servers draaien en de bases waar de gegevens zijn opgeslagen. Dit is het domein van de ontwikkelaar achterkant.
En hoe noem je een ontwikkelaar die beide delen van de ijsberg beheerst? Dit is de ontwikkelaar volledige stapel. Zeldzamer, dit profiel is veel gewilder en daarom winstgevender.
Elk type ontwikkelaar komt overeen met een specifieke werkomgeving.
De talen van voorkant: maak mij een ontwerp!
Het ontwerp van een site of app wordt ontworpen door artistiek leiders, grafisch ontwerpers en UX-ontwerpers (User Interface). Ze combineren hun stilistische lay-outtalenten.
Le voorkant aanwijzen is een ontwikkelaar die samen met deze professionals werkt met software als Photoshop, InDesign, XD, etc. om modellen te bouwen, uit te knippen en paginasjablonen aan te bieden. Het kan ook beperkt worden tot grafische platen en het snijden aan derden overlaten.
Le voorkant ontwerper beheerst HTML, CSS en JavaScript, maar zijn niveau van JavaScript beperkt zich tot het bouwen van de webinterface.
Met de evolutie van HTML en CSS naar HTML 5 en CSS3 is de rijkdom aan grafische instructies echter complex geworden.
Om nog maar te zwijgen van het feit dat HTML-semantiek moet omgaan met de vereisten van internetreferenties, SEO (zoek machine optimalisatie). Een ontwikkelaar voorkant met SEO-vaardigheden vriendelijk wordt daarom vandaag de dag bijzonder gewaardeerd.
Het is ook gebruikelijk om uw CSS-kennis te upgraden naar nieuwe talen, zoals LESS preprocessors (Leaner Sstijl Sheets) of SASS (Syntactically Awesome Style Sheets) met zijn SCSS-syntaxis, die het schrijven van CSS veel gemakkelijker, georganiseerder en productiever maken.
Kaders, de essentie van 2021
Met de komst van krachtige raamwerken gewijd aan voorhoofd zoals Vue.js kan een frontontwerper zijn webinterface bouwen en instructies produceren die tot nu toe voorbehouden waren aan JavaScript-ontwikkelaars. De ontwerper neigt steeds meer naar de wereld van de ontwikkelaar. Welk deel van het werk moet dan aan de ontwerper worden toevertrouwd? Welk deel moet aan de ontwikkelaar worden toevertrouwd?
Het antwoord hangt af van elk project. De keuze voor ontwikkelingskaders mag niet lichtvaardig worden gemaakt, aangezien dit ernstige gevolgen kan hebben voor een bedrijf. Bepaalde raamwerken zoals Angular vereisen dus een hoog vaardigheidsniveau van de ontwikkelaar. Voordat een ontwikkelaar volledig operationeel kan worden, moet hij tijd besteden aan training, wat van invloed zal zijn op de TCO van het bedrijf. Daarbij komt nog het risico dat u geen gekwalificeerde ontwikkelaar vindt en deze niet binnen het bedrijf kunt houden. Omgekeerd spreekt het Vue.js-framework veel bedrijven aan omdat het eenvoudig blijft en een snellere productie mogelijk maakt.
Andere tools die essentieel zijn geworden: Bootstrap en raamwerken gewijd aan specifieke ontwerpen zoals Material UI of Material design. Deze tools maken het gemakkelijker om inhoud te creëren reagerend ontwerp in staat zich aan te passen naar verschillende schermformaten (computers, tablets, mobiele telefoons, enz.), touchscreen of niet.
Geconfronteerd met de sterke vraag naar webontwikkeling, wendde het ontwikkelaarsfront zich snel tot werkende raamwerken. Zoals die van achterkant (Zend, Symfony, Laravel, enz.), maken ze een snelle en gestandaardiseerde ontwikkeling mogelijk.
Hoekig, React of Vue.js?
De hedendaagse ontwikkelaar moet kennis hebben van een van de drie populairste frameworks: Angular (Google), React (Facebook) of Vue.js. Het leren van deze raamwerken is behoorlijk complex: kennis van ES6, objectprogrammering, zelfs beheersing van de ontwikkeling van MVC (Model-View-Controller). De ontwikkelaar voorhoofd komt dicht in de buurt van de vereisten van dikke client-ontwikkelaars. Sommigen hebben een achtergrond als Java- of .NET-ontwikkelaar.
Er is ook een trend voor fans van Vanille, de pure versie van een taal. Ontwikkelaars stappen dus af van frameworks en leggen de nadruk weer op de kracht van JavaScript alleen. Met de komst van HTML5 beheert JavaScript inderdaad de gegevensopslag (WebSQL of Embedded, localStorage), meerdradig (Web Worker), netwerkprotocollen (WebSocket), teken- of communicatie-API's (WebRTC)… de mogelijkheden zijn enorm.
De uitdagingen van de webontwikkelaar strikt gesproken
Tegenovergestelde van voorkant ontwerper, webontwikkelaar maakt veel gebruik van JavaScript-taal. De vaardigheden zijn aanzienlijk geëvolueerd, met een steeds grotere vraag naar webapplicaties. Om aan deze behoeften te voldoen, heeft het W3C ook samen JavaScript ontwikkeld
met HTML5. De ontwikkelaar die op zoek is naar objectprogrammering kan vandaag de dag op vertrouwen nieuwe JavaScript-talen: EcmaScript (ES6) en Typescript van Microsoft.
Helaas moet de webontwikkelaar nu vertrouwen op compatibiliteitsproblemen tussen browsers transcoders. Dit zijn soorten compilers zoals Babel, waarmee u universeel JavaScript kunt genereren.
Nog een uitdaging: het moet steeds meer een industrieel codeerproces aangaan, met versiebeheer in Git en bij publicatie met behulp van pakketproductietools zoals webpack.
Mobiele voorkant
Onder de ontwikkelaars voorkant, kunnen we ook ontwikkelaars van native en hybride mobiele applicaties overwegen. De ontwikkeling van native applicaties is afhankelijk van specifieke talen: Java of de Flutter SDK voor Android, Objective-C en Swift (Apple) voor iOS, C# (Xamarin van Microsoft) of het React Native framework. Bij dergelijke talen moet de ontwikkelaar gebruik maken van specifieke ontwikkelworkshops: Visual Studio Code (Microsoft), Android Studio of Xcode. In dit stadium zijn CSS-vaardigheden niet nodig.
Er is ook nog een categorie mobiele applicaties waarvoor webontwikkelaars hun expertise kunnen inbrengen: hybride applicaties. Mobiele schermen zijn ontworpen rond webtechnologieën (HTML, CSS, JavaScript) waardoor de voorkant om mobiele behoeften te dekken. In dit geval moet de ontwikkelaar tools als Apache Cordova of het Ionic-framework beheersen open source.
Werkwijze: weten hoe je samenwerkingstools onder de knie krijgt
Geen profiel meer van de eenzame wolf die zich in zijn hoek ontwikkelt! De ontwikkelaar voorkant teamwerk. Of het nu gaat om productteams om de behoeften te begrijpen, ontwerpteams om te weten hoe de interfaces eruit zullen zien, SEO's, webeditors en ontwikkelaarsteams achterkant om aan de gegevens te werken. Als gevolg hiervan is hij bekend met samenwerkingstools: berichtensystemen zoals Slack of Mattermost en platforms voor wederzijdse hulp tussen IT-professionals zoals StackOverFlow. Ontwikkelaars verdienen punten door anderen te helpen, een kwaliteit die door recruiters wordt gewaardeerd. Deze laatste zijn ook gevoelig voor ontwikkelaars die actief zijn op de sociale netwerken of die publiceren op GitHub, wat een garantie is voor bekendheid.
Permanente horloge
Technologieën en praktijken veranderen snel. In dit verband de ontwikkelaar voorkant moet permanent in de gaten blijven houden om de ontwikkelingen in zijn vakgebied, de opkomst van tools, nieuwe talen, de evolutie van browsers te volgen, enz. Deze monitoringoperatie maakt gebruik van verschillende tools: RSS-feeds, Twitter of gespecialiseerde sites.
Er zijn ook gespecialiseerde conferenties gewijd aan voorhoofd. Ze verschenen voor het eerst in de Verenigde Staten en werden nagebootst in Frankrijk bijeenkomsten zoals Paris Web, KiwiParty of BlendWebMix. ORSYS moet niet achterblijven met zijn JavaScript JET-seminar dat twee jaar geleden werd gelanceerd en dat, gezien het succes ervan, voldoet aan de verwachtingen van bedrijven.
