Učební cesta pro nováčky ve vývoji WordPressu

V tomto informačním věku není jednou překážkou v učení se něčemu novému, kde najít zdroje. Je to místo, kde začít a porozumět všem zdrojům dostupným online v dnešní době. To platí zejména při vývoji webu, kdy se nové nástroje objevují přes noc.

V roce 2015, od doby, kdy jsem se poprvé rozhodl učit vývoj webu, jsem čelil výzvám spočívajícím v pochybách o sobě a nedostatku motivace. Ale jedinou výzvou, která mi vysávala energii, bylo nevědět, jakou cestou se vydat.

Vzhledem k počátečním výzvám na této cestě jsem tento článek napsal pro technologické nadšence, kteří si chtějí ušpinit ruce při vývoji webu. Zejména vývoj WordPressu. To vše v naději, že strávíte svůj čas budováním něčeho skvělého, než abyste se dostali do tohoto nekonečného začarovaného kruhu učení jednoho nástroje druhému.

Pozor! Na této cestě je hodně učení

Jsem vývojář WordPress (ačkoli můj syndrom podvodníka mi říká něco jiného). Mohu se podělit o své zkušenosti pouze související s WordPress. Než se však ponoříme do podrobností, prozkoumejme nejprve relace Q/A.

Teď, je odpověď slušná? Možná. Je to pravda? Absolutně! WordPress a vývoj webu obecně jsou stejně vážné a náročné jako každá profese. Takže buďte připraveni na…

  • Celoživotní učení
  • Příležitostné přetahování přes noc

Dobře, přečetli jste si výše uvedené body a porozuměli jim? Skvělý. Nyní se uvolněte, aby vás to neodradilo nebo tak něco. Takový je život vývojáře, jak to vyžaduje neustále se měnící povaha tohoto oboru.

Dobrou zprávou je, že není mnoho webových technologií, které se musíte naučit, abyste zvládli řemeslo vývoje WordPress. Jak již bylo řečeno, věnujte svůj čas tomuto úžasnému softwaru a WordPress vás na oplátku bude zbožňovat.

WordPress změní váš život, pokud to necháte — Chris Lema

Je to všechno inspirativní a roztomilé, že? Je to jeden z důvodů, proč Topher DeRosia (obrovské rekvizity) poskytl platformu HeroPress pro WordPressery (ano, tak se hrdě nazýváme). Zde WordPressers pravidelně sdílejí své příběhy o původu WordPress s komunitou. Buďte si jisti, že při čtení příběhů pocítíte adrenalin, který vám projede tělem, protože mnozí z vás zjistí, že jsou s těmito příběhy spřízněni.

WordPress pro každého!

WordPress se velmi snadno používá. Ve skutečnosti může kdokoli bez jakýchkoli technických znalostí nastavit a začít používat WordPress během okamžiku. WordPress má však rozsáhlý ekosystém. Za prvé bych kategorizoval vývoj WordPressu, který se provádí ve dvou různých doménách. Nejprve tyto domény uvedu níže a poté proberu každou zvlášť.

  • Přizpůsobení webu WordPress
  • Vývoj motivů/pluginů aplikace WordPress

Přizpůsobení webu WordPress

Přizpůsobení webu WordPress je místo, kde se točí kolem, protože to představuje většinu práce vykonané s ohledem na používání WordPress. Přizpůsobení webu je doména, kde nejsou vyžadovány žádné předchozí znalosti kódování.

To znamená, že zkušený uživatel WordPress může snadno provádět úkoly, jako je nastavení a přizpůsobení motivu/pluginu pomocí tvůrců stránek, ladění webu a údržba webu atd. Kromě toho přizpůsobení motivu spočívá v přizpůsobení nebo úpravě předem připraveného motivu podle požadavky vašeho klienta.

S ohledem na to a abyste získali perspektivu procesu, můžete se podívat na následující krátký tutoriál od Tylera Moorea. Ve svém tutoriálu vytvoří nový web přizpůsobením předem připraveného motivu pomocí nástroje pro tvorbu stránek Elementor.

Vývoj motivů/pluginů WordPress

Zde je veškerá zábava pro WordPress geeky. Můžeme tomu říkat skutečný Vývoj WordPressu, protože tato doména je především o poznání a proniknutí do nejhrubších technických detailů programování. Může to být tak jednoduché jako použití několika háčků WordPress k úpravě odpovědí nebo tak složité jako vytvoření plnohodnotného produktu na WordPress.

Takže v případě, že chcete začít s touto doménou, musíte investovat více času do učení o webových technologiích zapojených do vývoje WordPress. Vzhledem k tomu bude zbytek tohoto článku probírat všechny technologie a několik tipů a triků, které vám pomohou začít v skutečnosti Vývoj WordPressu.

Učební cesta

Chcete-li začít svou cestu vývoje WordPress, budete pracovat s těmito nástroji a technologiemi.

  1. Pozdravte se a přijměte moduly HTML5 g̵o̵o̵d̵ ̵o̵̵̵l̵̵̵’ s koncepty sémantiky a usnadnění. HTML je to, co dává strukturu obsahu webu.

2. Tento citát mluví za vše:

Jsi CSS k mému HTML — nějaký génius

CSS je způsob, jakým je HTML prezentováno ve webovém prohlížeči. Jakmile pochopíte základy, nezapomeňte se naučit preprocesor SASS jako svého zachránce v psaní modulárních CSS.

3. Organizace stojící za WordPress má velké plány na to, aby se JavaScript stal součástí front-endu WordPress. Toto oficiálně pochází od původního autora WordPressu.

Naučte se JavaScript, Deeply — Matt Mullenweg

Ano, vím, že to může být přitažené za vlasy pro nováčka, který se touto radou začíná řídit, ale sledujte vývoj v této oblasti. Nyní to neznamená, že musíte ovládat JavaScript, abyste mohli pracovat s WordPress. Začněte se základy včetně velmi oblíbené knihovny jQuery.

4. Nebylo by hezké, kdybyste mohli získat náskok 1000 kroků s těmito třemi technologiemi, abyste urychlili svůj vývojový proces? No, to je místo, kde vstupují do hry front-endové rámce, jako je Twitter Bootstrap. Prozkoumejte to a nechte se ohromit. Nepleťte si front-end frameworky s frameworky JavaScript. Front-end se používá zaměnitelně s JavaScriptovými knihovnami a frameworky, což je úplně jiná cesta.

5. PHP je skriptovací jazyk, který pohání WordPress. Pokud se chcete do WordPressu ponořit hluboko, naučte se PHP po hlavě s jeho koncepty OOP včetně MySQL jako jeho back-end databáze.

6. Obecně, když lidé mluví o vývoji WordPress, obvykle to znamená pouze dva segmenty WordPress.

  • WordPress Theme Development, což je vývoj prezentace (rozvržení) stránek (odtud název „Theme“).
  • Vývoj pluginů WordPress, který má přidat funkčnost webům WordPress

Pro vývojáře je nanejvýš důležité porozumět oběma těmto segmentům a pracovat s nimi pohodlně. A chcete-li na své cestě učení přidat trochu víc, seznamte se s internacionalizací a lokalizací. Abyste jmenovali alespoň některé, musíte také znát háčky a API WordPress.

Při vývoji webů většinu času strávíte v místním vývojovém prostředí a v editoru kódu. Pro úplné informace v tomto článku mi dovolte upozornit vás na snadno nastavitelné, ale výkonné místní vývojové prostředí (Local by Flywheel) a bleskově rychlý editor kódu (Visual Studio Code od Microsoftu). Ano, oba jsou zdarma jako WordPress.

Pracovní postup

Jak se váš pracovní postup stává pokročilejším a složitějším, je důležité, abyste zůstali při smyslech a dál si užívali života. V takovém případě budete muset zefektivnit svůj pracovní postup. Vyzkoušejte nástroje pro automatizaci úloh, jako je Grunt/Gulp, a použijte systém správy verzí, jako je git, abyste nedělali chyby.

Ilustrace průvodce výukovou cestou zveřejněného na GitHubu

Abychom vám to ujasnili, zveřejnil jsem ilustraci výukové cesty jako podrobného průvodce na GitHubu, který jsem uvedl níže.

Učte se z ní, poskytněte zpětnou vazbu, vylepšete ji, aby byla lepší pro nováčky, a tak klidně posílejte požadavky PR.

Zdroje

V případě, že se stále obáváte, že budete potřebovat více než spoustu motivačních slov, abyste skutečně začali dělat smysluplnou práci, možná budete potřebovat průvodce krok za krokem – no, už se nemusíte bát. Postupujte podle WordPress WordPress Developer Handbook a WordPress Developer Codex jako náboženství a považujte se za v bezpečných rukou.

Navíc můžete získat skvělou pomoc od podpory WordPress fórum a také vyhledávání vašich odpovědí z webu Q&A Stack Overflow , který je mezi vývojářskou komunitou nesmírně populární.

Kromě oficiálních zdrojů WordPress, fóra podpory a webů pro otázky a odpovědi zaměřené na vývojáře. Existuje nepřeberné množství stránek jako WPBeginner , umožnila úžasná komunita WordPress, která nabízí bezplatné výukové programy a průvodce zaměřené na WordPress.

CodexSpot je jedním z takových pokusů skupiny WordPress geeků včetně toho vašeho skutečně vrátit komunitě. CodexSpot je online platforma zaměřená výhradně na poskytování webových řešení. Naším cílem je poskytovat kvalitní tutoriály, návody pro kutily a průběžně vás informovat o novinkách z webového průmyslu a zprávách o trendech.

Jsme velkým zastáncem iniciativy svobodného a otevřeného softwaru a nevynecháme žádnou příležitost evangelizovat praktiky FOSS na podporu tohoto hnutí. Kromě toho nabízíme také bezplatné generátory a nástroje pro vývoj webu, které urychlí váš čas vývoje.

Nyní existuje jeden další typ výukového zdroje, kterým jsou prémiové kurzy. Ve srovnání s bezplatnými zdroji je hlavní výhodou prémiových zdrojů včasná podpora ze strany lektorů kurzu pro jejich studenty. To znamená, že schopnost získat odpovědi na vaše dotazy od samotných instruktorů, od kterých se učíte, vám na vaší cestě učení nesmírně prospívá. Kromě toho zůstávají na vrcholu nejnovějších trendů v oboru.

Osobně jsem se hodně naučil na Lynda.com (nyní Učení LinkedIn ) kurzy, vysoce doporučeno. Také jsem našel Učit se WordPress kurz podle Chris Castiglione, pro začátek pěkný kurz vhodný pro začátečníky. Pokud tedy hledáte prémiový kurz na WordPress, najdete kterýkoli z těchto kurzů, který stojí za vaše peníze .

V tomto okamžiku máte k dispozici odhodlání a spoustu zdrojů, abyste se dozvěděli vše o WordPress. Je však stejně důležité, abyste rozuměli trhu práce a tomu, co společnosti hledají u kandidátů, kteří se ucházejí o pozici vývojáře WordPress.

Toptal, exkluzivní síť nejlepších nezávislých pracovníků na světě, zveřejnila příručku pro najímání „skvělého vývojáře WordPress“, kterou si můžete přečíst, abyste se lépe přizpůsobili těm nejžádanějším dovednostem WordPress.

Závěr

Nesnažte se naučit vše najednou. Začněte se základy. Implementujte to, co jste se naučili, a poté z toho vybudujte. Všimněte si následujících dvou nepříliš tvrdých pravidel pro vedení, protože tato pravidla se vám na vaší cestě budou hodit.

  • Just in Time (JIT) učení naučíte se nástroj, když ho potřebujete.
  • pravidlo učení 80/20 je, že věnujete 20 % svého času učení a 80 % času implementaci toho, co jste se již naučili.

Nyní po mně opakujte:

Učím se.
Kóduji!
Znovu kóduji!!
Kóduji další!!!
Pokračuji v kódování!!!!!

…a tak začínáte ve WordPressu. Hodně štěstí WordPresseru a vítejte v rodině WordPress!