Ultieme 12-maandelijkse gids voor het leren van WordPress (Plus bronnen)

Als u iets nieuws wilt leren in 2015, waarom zou u het dan niet WordPress maken? Het voorziet een groot deel van het internet, je begrijpt je eigen website beter, je kunt beter met ontwikkelaars communiceren en je kunt geld verdienen door anderen te helpen. Bovendien geeft programmeren u inzicht in een bepaalde manier van denken die nuttig kan zijn in andere geledingen van het leven. De kunst is om te weten wat je moet leren en er consequent op in te gaan - discipline is vereist.

Dit is een gids van 12 maanden waarop u kunt focussen, één onderwerp per maand, één maand per keer. Maak een bladwijzer van deze gids en bezoek hem het hele jaar door regelmatig, en tegen het einde van het jaar kunt u misschien wel wat zeggen over WordPress..

Leer hoe u WordPress correct gebruikt (Jan)

Op welk niveau u WordPress ook gebruikt, ik gok dat er veel dingen zijn die u niet weet. In januari zou je je moeten concentreren op de admin-kant van dingen, nog geen codering.

Zorg ervoor dat u alle functies inspecteert en uitprobeert die u ziet. Probeer alle links, kijk naar schermopties, Help-tabbladen, probeer een post te plannen, zoek uit wat een plakkerig bericht is, maak een zijbalk en enkele widgets, stel een menu samen, bekijk alle beschikbare instellingen enzovoort.

Het idee is om Word bekwaam in het gebruik van WordPress zodat u sneller en sneller zelfstudies kunt doornemen en doornemen. Veel mensen slaan deze stap over en dit veroorzaakt onnodige verwarring tijdens het leerproces. Tijdens het programmeren wil je niet afgeleid worden door wat de WordPress importeur is, je hebt genoeg te doen zonder die last.

Hulpbronnen die kunnen helpen

De onderstaande lijst is zeker niet uitputtend, maar ik raad u aan om elke sectie in de beheerder door te nemen en alles uit te proberen. Als je niet kunt achterhalen wat iets doet, google het en ga vanaf daar.

• Aan de slag met WordPress
• Installeren van WordPress
• WordPress updaten
• WordPress Terminology
• Alles over berichten
• Alles over pagina's
• Afbeeldingen gebruiken
• Inhoud insluiten
• shortcodes
• Plug-ins en thema's
• Inhoudzichtbaarheid
• Gebruikers in WordPress
• Admnistration Screens
• Aangepaste velden
• discussies
• Permalinks
• WorkingWwith WordPress FAQ

Hulpmiddelen en grondbeginselen voor ontwikkelaars (feb)

Om aan de slag te gaan met de ontwikkeling, heeft u wat hulpmiddelen en enige basiskennis nodig werken met bestanden. Het eerste dat je wilt is een capabele teksteditor. Er zijn genoeg code-editors die hier eerder zijn besproken in Hongkiat, en de meeste zijn dat ook.

Persoonlijk gebruik ik Atom en een editor gemaakt door GitHub. Hoewel het een enorm capabele editor is, beschikt het niet over gemakkelijk toegankelijke FTP-functies (die ik je aanraad om er rekening mee te houden bij het kiezen van een editor. Je zult zien waarom in een oogwenk).

Maak uzelf vertrouwd met uw editor. Welke je ook gebruikt, ik raad aan om erover te lezen via Google-zoekopdrachten, door de instellingen te bladeren en ervoor te zorgen dat je het kunt gebruiken om met vertrouwen bestanden te maken en te bewerken op je computer..

Vervolgens wil je meer leren over FTP. File Transfer Protocol is een manier om bestanden op een externe computer te lezen en bewerken. Het idee hier is dat u uw website kunt aanpassen zonder bestanden te hoeven downloaden en ze kunt uploaden zodra u ze hebt gewijzigd met een afzonderlijke applicatie. Hier is een blik op Coda 2 in actie.

Je zou deze maand enige tijd moeten besteden aan het leren over hoe basisaspecten van het web werken. Waarom webservers worden gebruikt, waar een browser voor wordt gebruikt enzovoort. Je hoeft niet te veel in details te treden, maar je hebt een basisbegrip nodig van een aantal concepten.

Hulpbronnen die kunnen helpen

• Een lijst met bewerkers van gratis code
• Vijf beste teksteditors
• 14 Great Text Editors voor webontwerpers
• De beste programmeertekst-editors
• FTP voor beginners
• Wat is FTP en hoe bestanden ermee kunnen worden overgedragen
• Hoe webpagina's werken
• Hoe een website werkt
• Video over hoe websites werken
• Hoe websites werken op Quackit.com

HTML & CSS (maart)

Het is tijd om onze handen vuil te maken met wat HTML en CSS, de belangrijkste talen van het web. HTML is wat pagina's hun structuur geeft, CSS is wat stijlen ze eruit laten zien zoals ze doen. Ze zijn allebei gemakkelijke talen, maar ze vereisen oefening om te beheersen.

Ik denk dat het belangrijk is om te vermelden dat je vanaf nu heel veel moet oefenen. Ik geloof dat alle talen die op het web worden gebruikt gemakkelijk zijn, maar er is heel wat gemakkelijke informatie te verwerken die deel uitmaakt van de moeilijkheid van het programmeren.

raak niet ontmoedigd als je iets niet begrijpt of iets niet werkt, dat hebben we allemaal daar geweest. Als je eenmaal wat middelen hebt doorgenomen en je voelt je klaar voor een uitdaging, raad ik aan om te oefenen met een element vinden dat je leuk vindt op een website en proberen het opnieuw te creëren. Een andere goede methode is om naar 365 PSD of Dribbble te gaan en een webelement te vinden dat je leuk vindt.

Neem bijvoorbeeld deze Easy Notes-opname op Dribbble. Klik op de bijlage en probeer en maak de middelste taak-widget opnieuw.

Zodra u afzonderlijke elementen kunt maken, kunt u grotere projecten aanpakken, zoals een volledige website. Je kunt bladeren door sites als Themeforest, Designmodo en Premium Pixels voor meer inspiratie. U kunt zelfs kant-en-klare WordPress / HTML-thema's nemen en proberen ze thuis opnieuw aan te maken als een statische HTML-pagina.

Zorg ervoor dat u op de hoogte bent van licenties. Thema's op Themeforest en vele andere plaatsen hebben een licentie en mogen niet zonder een licentie worden gebruikt, zelfs als u ze vanuit het niets opnieuw maakt!

Hulpbronnen die kunnen helpen

HTML

• W3Schools
• HTML-hond
• TutorialsPoint
• Tizag

CSS

• W3Schools
• HTML-hond
• TutorialsPoint
• Tizag
• CSSTutorial.net

Andere bronnen

• Codecademy HTML & CSS
• CSS Zen Garden
• CSS3 op W3Schools
• CSS Kleurkiezer
• Interactieve CSS Selector Zelfstudie
• CSS-richtlijnen

PHP (apr)

De tijd is gekomen om wat dingen aan de serverzijde te leren. Tot nu toe heb je alleen de code voor de clientcode geleerd. HTML en CSS worden zoals het is verzonden naar de browser van een gebruiker en worden daar verwerkt. PHP wordt verwerkt op de server en wordt geconverteerd naar HTML en CSS en verzonden naar de browser. Het introduceert een groot aantal handige functies die je deze maand zult leren.

PHP is waarmee WordPress duizenden artikelen kan weergeven met behulp van een enkel bestand. PHP is hoe een website de naam van de ingelogde gebruiker kan weergeven, hoe Facebook uw vrienden kan tonen, enzovoort. Dezelfde pagina op Facebook ziet er voor jou heel anders uit dan voor mij vanwege de magie van de code aan de serverzijde.

Nogmaals, PHP is niet moeilijk maar er is veel te weten. De moeilijkheid wordt nog groter door niet al geruime tijd iets nuttigs te kunnen creëren. Ik raad aan om WordPress-thema's zo snel mogelijk te bekijken om een ​​aantal praktische toepassingen te bekijken.

Houd er rekening mee dat je niet alles in PHP hoeft te weten om aan de slag te gaan met WordPress. Objectgeoriënteerde PHP is niet iets waar je je op korte termijn zorgen over hoeft te maken en je hoeft niet alle beschikbare functies te onthouden.

Een goede praktische kennis hebben van variabelen, loops, of statements en functies is een goed begin. Vanaf daar, hoe meer je weet, hoe beter, en je zult een hoop dingen van WordPress zelf oppikken.

Hulpbronnen die kunnen helpen

• W3Schools
• Codecademy
• Tizag
• TutorialsPoint
• PHP taalreferentie
• Referentie van de PHP-functie

Een WordPress-thema aanpassen (mei)

Eindelijk kunnen we aan de slag met WordPress! WordPress gebruikt HTML, CSS, PHP en Javascript om inhoud weer te geven. Je hebt nog niet over Javascript geleerd, maar dat is prima, we kunnen dat in een latere maand doen.

Het eerste dat je moet doen is een thema wijzigen. Ga met FTP naar de map met uw actieve thema en speel ermee. Zoek waar de titel is en verplaats deze onder de inhoud, voeg wat tekst toe, voeg CSS toe en ga zo maar door.

Merk op dat dit je live site daadwerkelijk zal veranderen, dus doe dit alleen als je zeker weet dat het goed is. Thema's mogen ook nooit worden gewijzigd door hun code rechtstreeks aan te raken. Het is prima om te oefenen, maar in werkelijkheid zul je dat ook moeten doen maak je eigen thema of gebruik een kindthema om een ​​bestaande te wijzigen (zie de bronsectie voor deze maand voor meer info).

Het doel van deze maand is om vertrouwd te raken met hoe een thema werkt en de code die het gebruikt. U zou moeten beginnen met het leren over sjabloontags, speciale WordPress-functies die kunnen worden gebruikt om postgegevens weer te geven en de bestanden die een thema vereist.

Het thema dat ik aanbeveel, eerst te wijzigen, is Twenty Fifteen. Dit zou moeten worden geïnstalleerd met WordPress 4.1+ omdat dit het nieuwe standaardthema is. Dit thema volgt alle huidige normen en legt de lat voor ontwikkeling; je kunt er zeker van zijn dat de codering die je in Twintig Vijftien ziet klopt.

Aan het einde van de maand moet je je goed voelen bij het maken van kleine wijzigingen in een thema en moet je een globaal idee hebben van hoe je je eigen thema helemaal opnieuw kunt beginnen. vergeet niet, deze maand gaat over proefneming, wees niet bang om dingen te doen die op sommige sites worden afgeraden. je leert, geen product maken!

Hulpbronnen die kunnen helpen

• Kindthema-documentatie
• Hoe een kindthema te maken
• Tutorial over het kinderthema
• Sjabloon Tags

Een thema maken (jun)

Het maken van een thema is niet veel anders dan een bestaande wijzigen, maar je zult veel van je eigen bestanden moeten maken. wees niet bang om te kopiëren van andere thema's zoals Twenty Fifteen. Bestanden zoals comments.php die de discussies regelt is ongeveer hetzelfde op de meeste sites. U kunt CSS gebruiken om het er anders uit te laten zien en misschien een HTML te herschikken.

Het maken van een thema is een goede oefening, omdat het je door zoveel functionaliteit voert dat het je kennis van WordPress in het algemeen verdiept. je moet een kop- en voettekst maken, je moet nadenken over zijbalken, menu's, opmerkingen, enkele berichten, pagina's, startpagina's en meer.

Je zou je moeten concentreren op vragen die tijdens de ontwikkeling naar voren komen. Uw website toont de laatste 10 berichten op de voorpagina, maar "wat moet ik doen als ik iets compleet anders wil?" Dit zijn het soort vragen dat mogelijk alleen tijdens het maken van iets ontstaat.

u moet een goed begrip hebben van de sjabloonhiërarchie die de bestanden regelt die verantwoordelijk zijn voor het weergeven van specifieke inhoud. Zorg ervoor dat u paginasjablonen bekijkt (zie bronnen). Hiermee kunt u pagina's met aangepaste functionaliteit bouwen.

Zodra u alles hebt doorlopen, raad ik u aan Geavanceerde aangepaste velden te bekijken. Met deze plug-in kunt u extreem nuttige optiegroepen maken voor berichten die u kunt gebruiken in uw thema's.

ik”Ik zal hier veel bronnen vermelden, maar als u twijfelt, raadpleeg dan de Twenty Fifteen-code voor hulp, deze moet alles hebben wat u nodig hebt!

Hulpbronnen die kunnen helpen

• Sjabloonhiërarchie
• Voorwaardelijke tags
• Volledige functiereferentie
• Thema ontwikkeling
• Sidebar-documentatie
• Navigatiemenu's
• Archiefindex
• Een statische voorpagina maken
• Een zoekpagina maken
• Een 404-pagina maken
• De opmerkingen sjabloon
• Templates van auteurs
• Paginasjablonen
• Geavanceerde aangepaste velden

De basis over haken en plugins (jul)

Het hooks-systeem vormt de basis voor plug-ins. Hiermee kunt u nieuwe functionaliteit toevoegen aan WordPress of de bestaande kern wijzigen functionaliteit zonder de noodzaak om de kern te wijzigen code.

Ze werken een beetje als triggers. In plaats van naar de code in de WordPress-bestanden te gaan die een bericht publiceren en je eigen code toe te voegen om de auteur een e-mail te sturen, kun je zeggen: “Wanneer WordPress een bericht publiceert, stuur dan een e-mail naar de auteur”. Dit kan in een volledig apart bestand worden gedaan, wat betekent dat de kerncode nooit wordt gewijzigd.

Je hebt ze ook daadwerkelijk in je thema gebruikt toen je de wp_head () en wp_footer () functies. WordPress gebruikt deze intern om een ​​aantal codes uit te voeren, zoals de beheerbalk bijvoorbeeld. Op deze manier kunnen plug-ins thema's wijzigen zonder het thema daadwerkelijk aan te raken.

Leren over hooks zal uw startpunt zijn voor de ontwikkeling van plug-ins. Inzicht in hen is de sleutel tot het werken met WordPress en misschien het aanbieden van professionele diensten in de toekomst. Neem de tijd om deze te beheersen, je zult zwaar op haken vertrouwen voor al je projecten.

Deze maand moet je niet te diep ingaan op plug-ins, maar het leren van de vereiste bestanden en enkele basisbeginselen passen waarschijnlijk in onze tijdspanne. Plug-ins zijn heel gemakkelijk te maken, ze hebben eigenlijk slechts één bestand nodig met een opmerking bovenaan.

Vanaf daar kun je doen wat je ook bent”Ik vind het leuk, maar je moet wel de juiste haken gebruiken. Daarom zijn haken zo belangrijk.

Hulpbronnen die kunnen helpen

• De plugin-API
• De definitieve handleiding voor hooks
• De beginnershandleiding voor acties en filters
• Definieer uw eigen haken
• Een plug-in schrijven
• Hoe een WordPress plug-in te maken

Plugin Proficiency (aug)

Augustus is het tijd om wat oefening te steken in het maken van plug-ins. Zoek iets waarvoor u een plug-in wilt en doe het zelf. Wilt u dat alle gevallen van goed worden getransformeerd? “geweldig” wanneer een bericht wordt gepubliceerd? Ga je gang en doe het.

Als je een geweldig idee vindt, voel je vrij om het in te dienen bij de plug-inrepository, maar de naam van het spel is dat de praktijk perfect is. U kunt zich zorgen gaan maken over het volgen van coderingsnormen en ervoor zorgen dat uw code wordt opgemerkt en mooi is opgemaakt.

Je zou nu genoeg kennis moeten hebben om door zulke dingen te worden afgeleid. Na een tijdje zullen opmerkingen en standaardcodes een tweede natuur zijn, ook al lijkt het in eerste instantie een beetje onwrikbaar.

Maak deze maand minimaal 2-3 plug-ins. Maak ze gevarieerd, als iemand post-inhoud wijzigt, moet de ander misschien iets doen wanneer een bericht wordt gepubliceerd. Misschien moet u een aantal aangepaste berichttypen en aangepaste taxonomieën maken, deze zijn vaak nodig voor meer complexe projecten, zie de koppelingen in de bronnensectie..

Dit is de fase waarin je geleidelijk afgelegen gebieden van WordPress zou moeten leren kennen, zoals het maken van nieuwe rollen, aangepaste berichttypen en meer. U kan jaag dit allemaal op en bestudeer ze, maar het is misschien beter om ze aan te pakken als ze naar voren komen als een vereiste voor een project.

Coderen efficiënt en zelfverzekerd met de dingen die je weet is belangrijker dan de hoeveelheid dingen in je hersenen. Ik codeer al heel lang en ik moet soms de eenvoudigste dingen opzoeken. Weten dat er iets beschikbaar is, is voldoende, in staat zijn om gemakkelijk te coderen is belangrijker,

Hulpbronnen die kunnen helpen

• Coderingsnormen
• phpDocumentor-documentatie
• Aangepaste taxonomieën
• Aangepaste berichttypes
• Instellingen API
• Metadata API
• Opties API
• Volledige gids voor aangepaste berichttypen
• Het maken van vertaalbare thema's en plug-ins
• Scripts en stijlen in wachtrij plaatsen

Javascript (sept)

Het (bijna) laatste stukje van de puzzel is Javascript. Met Javascript kunt u interactiviteit en andere geavanceerde functies toevoegen aan uw website. Door gebruik te maken van Javascript kun je pop-up modals gebruiken, reacties laden, eindeloos scrollen en nog veel meer.

Javascript is fundamenteel een client-side taal, maar kan worden gekoppeld aan server-side code met behulp van AJAX. Dit is wat u toestaat om bijvoorbeeld op een artikel te stemmen. Wanneer u op de stemknop klikt, verandert de knop in een bedankbriefje en wordt het aantal stemmen met één verhoogd. Dit alles gebeurt zonder dat de pagina opnieuw wordt geladen. Dit is Javascript gekoppeld aan wat PHP met behulp van AJAX.

Het meeste Javascript dat je gaat gebruiken, is jQuery. jQuery is een JavaScript-framework dat speciale functies implementeert en u eenvoudig toegang geeft tot veelgebruikte patronen. Het is belangrijk om te begrijpen dat jQuery is niet speciaal Javascript, net zoals er niets speciaals is aan de PHP die wordt gebruikt in WordPress. Het is gewoon een frame waarin je kunt werken.

Javascript kan de meest complexe zijn omdat het meerdere disciplines omvat en in veel aspecten van een website te vinden is. Van trackingcodes tot het laden van bronnen, het beheren van afbeeldingen, het onderscheppen van gebruikersacties en eenvoudige animaties, het is echt overal.

Het goede nieuws is dat je weet dat je alle kennis hebt die je nodig hebt om meteen Javascript toe te voegen aan je thema of plug-in. Dat zou je moeten zijn “over de bult” - alles wat je nu leert, moet gemakkelijk te implementeren zijn als je het eenmaal hebt geleerd.

Hulpbronnen die kunnen helpen

Javascript

• W3Schools
• Codecademy
• TutorialsPoint
• HTML-hond

jQuery

• W3Schools
• Codecademy
• jQuery Learning Center
• TutorialsPoint

Meer

• AJAX en WordPress
• Hoe AJAX te gebruiken in WordPress

Practice Practice Practice (okt)

Om te benadrukken hoe belangrijk de praktijk is, zou ik aanraden om er op dit moment een hele maand aan te wijden. Ik ben al geruime tijd aan het programmeren en vergeleken met een nieuwkomer kan ik nieuwe concepten sneller begrijpen, maar ik ben nog steeds volledig verloren zonder oefenen.

Gelukkig, hoe meer je oefent, hoe sneller je dingen leert later. In feite, door eraan te wennen dat je altijd met code werkt, zul je steeds minder oefening nodig hebben om hetzelfde resultaat te krijgen.

In een WordPress-omgeving kun je het beste oefenen door thema's en plug-ins te maken. Een methode die u kunt proberen, is om een ​​eenvoudige, reeds bestaande plug-in opnieuw te maken. Als u ergens vastloopt, kunt u kijken naar de broncode van het daadwerkelijke product.

Concentreer u op het verdiepen van uw begrip van concepten die u al kent. Maak kennis met het lezen van design- en ontwikkelaarsmagazines en ontwikkelaarsblogs van je favoriete apps. Hier zijn enkele van de grootste plaatsen om te lezen over webontwikkeling, afgezien van hier op Hongkiat natuurlijk.

Je leeslijst

• Smashing Magazine
• WPMU DEV Blog
• Een lijst uit elkaar
• Web Design Depot
• Speckyboy
• Zes revisies
• Scotch.io
• David Walsh Blog
• Code.Tutsplus
• Designmodo
• CSS-Tricks
• Vrees niet op internet

Geavanceerde concepten (nov)

Dit is de maand waarin alle kennis die je hebt bij elkaar moet komen en je een programmeur kunt worden. Je zou moeten kunnen beginnen het grote plaatje zien en werkkennis hebben van de vier belangrijkste talen die WordPress gebruikt: HTML, CSS, JS en PHP.

Ik zou adviseren om te leren beginnen object georiënteerde PHP. U gebruikt het al in uw thema's en plug-ins in de lus en in andere constructies. OOP (object oriented PHP) stelt je in staat om betere code te schrijven en de kerncode van WordPress beter te begrijpen. Bovendien is het de toegangspoort tot programmeren met talen van het C-type en dus het maken van apps voor iOS bijvoorbeeld.

U kunt uw WordPress-kennis vergroten door enkele klassen te leren kennen, direct met de database te communiceren, hoe transiënten werken.

Je zou nu met vertrouwen zelf kleine, betaalde projecten kunnen uitvoeren. vergeet niet dat het doen van echt werk in opdracht het meest is waar je het meeste leert. Het gaat niet alleen om coderen, het gaat om het leren communiceren over code met mensen die niets van het internet weten.

De praktijk is belangrijk in elke fase, maar je zou nu genoeg kennis moeten hebben om een ​​concept te leren zonder al te veel werk. Transiënten (opties met een vervaldatum) moeten bijvoorbeeld duidelijk zijn, zelfs als u er nooit behoefte aan heeft gehad. Je zou moeten kunnen bepalen wanneer ze nuttig zullen zijn, en ze zo nodig opzoeken.

Als de laatste taal om te leren voor WordPress zul je dit willen kijk naar MySQL wat gewend is vraag direct de database. Veel van deze functionaliteit kan via functies worden gebruikt, maar soms moet je de db rechtstreeks doorzoeken.

Ik zou het belang willen benadrukken van in een object-georiënteerde mindset raken. Het zal in eerste instantie erg vreemd lijken en het gebruik ervan zal onduidelijk lijken. Weet je nog dat het gebruik van PHP onduidelijk was toen je het voor het eerst bestudeerde? Hoe krijg ik een webpagina voor een variabele en een if-instructie?

Object georiënteerde PHP is vergelijkbaar. Het wordt gebruikt voor complexe gevallen, de ingewikkelder dingen erin zijn alleen nodig voor grootschalige toepassingen. Daarom lijken concepten soms overbodig of te ingewikkeld.

Ik raad echt video-tutorials van hoge kwaliteit aan. Mijn favorieten zijn te vinden op Laracasts (zie bronnen). Laracasts werd voornamelijk gemaakt voor Laravel, maar bevat veel OOP en andere concepten op hoog niveau.

• MySQL op W3Schools
• MySQL op TutorialsPoint
• Laracasts
• Object georiënteerde PHP voor beginners
• TutorialsPoint
• OOP-documentatie
• Boomhut
• Interactie met de WordPress-database
• Een gids voor transiënten
• De Walker-klasse
• De WP_Error-klasse
• De WP_Query-klasse

Geavanceerde ontwikkelingshulpmiddelen (dec)

Nu u veel meer weet, is het tijd om uw leven gemakkelijker te maken door te leren hoe u enkele geavanceerde hulpmiddelen kunt gebruiken. Dit omvat dingen als SSH gebruiken om toegang te krijgen tot een server, WP-CLI om WordPress-installaties te beheren, Vagrant om een ​​lokale WordPress-installatie te maken, en meer.

Het eerste dat je moet leren is hoe WordPress lokaal in te stellen met XAMPP, MAMP, WAMP of Vagrant. Persoonlijk gebruik ik Vagrant, maar de rest is ook prima. Hierdoor is FTP niet altijd nodig, waardoor de ontwikkeltijd aanzienlijk wordt versneld.

Vervolgens zou je naar SSH moeten kijken. Dit betrekt gebruik van de terminal en opdrachten geven. Dit klinkt eng, maar is het echt niet. Het zal een hele nieuwe wereld openen. WP-CLI is een geweldige introductie hierop. Hiermee kunt u WordPress in enkele seconden installeren, een thema downloaden, bijwerken en testgebruikers maken met een eenvoudige opdracht.

Ik raad ook aan om alles te leren CSS-preprocessors. Talen zoals LESS en SASS stellen u in staat om variabelen, functies en andere geavanceerde concepten in uw CSS te gebruiken.

Als onderdeel van je preprocessoronderzoek moet je leren hoe je geavanceerde compileerhulpmiddelen zoals Prepros of Codekit kunt gebruiken. Deze tools kunnen de website opnieuw laden wanneer een bestand wordt opgeslagen, automatisch CSS compileren, Javascript verkleinen, enzovoort.

Dit geeft je inzicht in de wereld van coderen voor productie. In ontwikkeling wilt u zoveel mogelijk afzonderlijke bestanden gebruiken om uw code logischer te maken. In productie wilt u alleen een zo klein mogelijke footprint, zodat alle Javascript- en CSS-bestanden moeten worden verkleind en samengevoegd. De genoemde hulpmiddelen bieden u alles wat u nodig hebt om u hiermee vertrouwd te maken.

Je zou ook efficiënter moeten gaan werken met je teksteditor. Gebruikt u fragmenten? Controleer je je syntaxis automatisch? Kent u alle sneltoetsen die uw leven gemakkelijker zouden maken??

Dit is een gebied waar je voortdurend kunt veranderen en groeien. Ik ging van het gebruik van XAMPP naar MAMP tot, ten slotte, Vagrant. Het was een natuurlijke leercurve en ik ben nog steeds bezig met het leren van alles wat er te weten valt over Vagrant.

Ik ging van het gebruik van Notepad ++ naar Sublime to Coda to Atom. Er is niets mis met een van deze tools, maar naarmate ik groeide, ging ik van nature van de een naar de ander.

Eindelijk, je zult willen kijken versiebeheer, specifiek SVN en Git. De basis is vrijwel hetzelfde, je zult een aantal afzonderlijke commando's moeten leren, maar als je er eenmaal een begrijpt, is de andere eenvoudig te begrijpen.

De reden dat u beide wilt is dat WordPress momenteel SVN gebruikt, dus wanneer u laat plug-ins en thema's los die je nodig hebt om SVN te gebruiken. De meeste projecten gebruiken Git omdat het een beetje beter is voor in teams werken, dus dat is wat je wilt gebruiken voor andere projecten.

Hulpbronnen die kunnen helpen

• Vagrant gebruiken om een ​​lokale WordPress-omgeving in te stellen
• Zwerver
• XAMPP
• MAMP
• WAMP
• SSH-zelfstudie voor Linux
• Hoe SSH te gebruiken
• WP-CLI
• WP-CLI zelfstudie
• MINDER
• SASS
• SASS Basics
• SASS-handleidingen
• Aan de slag met minder
• Codekit
• Prepros
• Koala
• Een Visal Guide to Version Control
• Leer versiebeheer met Git
• Het SVN-boek

Laatste woorden

Ik hoop dat dit artikel je een goed overzicht geeft van wat je moet doen ga van het niets naar een pro-ontwikkelaar zijn. In werkelijkheid, als je fulltime kunt werken, duurt het waarschijnlijk niet een heel jaar.

Er zijn twee belangrijke dingen om in gedachten te houden. De belangrijkste is dat, hoewel geen enkel deel hiervan moeilijk is, het VEEL is om te weten, wat het moeilijk maakt wanneer het wordt samengesteld. wees niet ontmoedigd als je vastloopt of je werkt langzamer dan anderen. Iedereen werkt in zijn eigen tempo, als je blijft, word je een goede ontwikkelaar.

Een van de belangrijkste kenmerken van goede ontwikkelaars is dat ook ze stoppen nooit met leren. Ze zoeken voortdurend naar betere oplossingen, leren nieuwe talen en nieuwe methoden. Ze houden er rekening mee dat de codeerwereld niet vaak zwart en wit is er is geen goed antwoord op een probleem.

Veel succes met je codeerstudies in 2015, laat ons weten hoe je het doet in de reacties hieronder!