niektóre umiejętności są coraz bardziej poszukiwane.

umiejętności, które mogą niemal zagwarantować pracę i możliwości na wiele lat i dziesięcioleci.

jedną z tych umiejętności jest tworzenie stron internetowych.

zastanawiasz się jak zostać web developerem?

wbrew powszechnemu przekonaniu, aby zostać web developerem i stworzyć funkcjonalną stronę internetową, Nie potrzebujesz fantazyjnego licencjata z informatyki.

w rzeczywistości, jeśli zastosujesz się do instrukcji zawartych w tym artykule, możesz zostać programistą stron internetowych o wiele szybciej niż myślisz (ale nadal będzie to wymagało ciężkiej pracy!).

gotowy? Zacznijmy od podstaw:

co/kto jest web developerem

oto prosta odpowiedź na to pytanie: budują i utrzymują strony internetowe.

innymi słowy-dosłownie tworzą sposób, w jaki doświadczasz sieci. Strony internetowe, które chcą, aby użytkownicy cieszyli się swoim doświadczeniem, potrzebują świetnych programistów internetowych – i zazwyczaj są gotowi rozdać poważne pieniądze, aby zdobyć tych świetnych programistów internetowych.

obowiązki twórcy stron internetowych:

1. tworzenie stron internetowych z kombinacją języków znaczników.
2. twórz wysokiej jakości makiety i prototypy.
3. Zbuduj witrynę WordPress od podstaw.
4. zrozumieć HTML i CMS.
5. zrozum UI, UX i uczenie się użyteczności.
6. tworzenie funkcjonalnych i atrakcyjnych stron internetowych oraz aplikacji internetowych.
7. zapewnia utrzymanie i ulepszenia strony internetowej.

są to najczęstsze wymagania, ale twoje obowiązki i zadania będą się różnić w zależności od zlecenia tworzenia stron internetowych, a także Twojej specjalności tworzenia stron internetowych.

mówiąc o specjalnościach związanych z tworzeniem stron internetowych, są trzy rzeczy, o których powinieneś wiedzieć:

1. Tworzenie frontendu: „frontend” odnosi się do „rzeczy” na stronie internetowej, które widzisz i z którymi współpracujesz, np. menu, rozwijane menu itp.
2. rozwój backendu: „backend” jest jak część góry lodowej pod powierzchnią. Bez niego strona nie może funkcjonować. Backend zajmuje się serwerami, aplikacjami, bazami danych itp.
3. Full-stack development: jest to połączenie zarówno backendu, jak i frontendu.

dlaczego warto zostać web developerem?

tworzenie stron internetowych to branża, która w najbliższym czasie nie wygaśnie.

w rzeczywistości Amerykańskie Biuro statystyk pracy przewiduje 13% wzrost dostępnych miejsc pracy w zakresie tworzenia stron internetowych do 2028 roku.

mówiąc prościej – jeśli potrafisz rozwinąć tę umiejętność, nie będziesz miał trudności ze znalezieniem pracy w najbliższej przyszłości.

Oto pięć dużych zalet/korzyści z bycia programistą stron internetowych:

1. możesz pracować zdalnie. Zastanawiałeś się kiedyś, jak to jest pracować z dowolnego miejsca na świecie, w wolnym czasie? Jako programista stron internetowych będziesz miał wiele możliwości pracy zdalnej. Być może uda Ci się w końcu spełnić to marzenie o podróżowaniu po świecie, jednocześnie oszczędzając pieniądze.
2. możesz wykorzystać swoje umiejętności do tworzenia własnych stron internetowych i aplikacji internetowych. Chcesz stworzyć dochodową stronę internetową lub aplikację? Dzięki tej umiejętności nie będziesz musiał płacić tony pieniędzy, aby go zbudować. Możesz zbudować go samodzielnie za ułamek ceny.
3. możesz pracować samodzielnie. Nie musisz już pracować pod parasolem szefa, jeśli nie chcesz. Możesz freelance lub rozpocząć własną działalność znacznie łatwiej, gdy wiesz o tworzeniu stron internetowych.
4. wejdź do dochodowej branży technologicznej. Tworzenie stron internetowych to w zasadzie bilet do branży technologicznej. Większość startupów technologicznych potrzebuje programistów internetowych, więc może to być twój sposób na zdobycie stopy w drzwiach.
5. możesz budować niesamowite rzeczy! Zabawne jest to, że możesz być tak kreatywny, jak chcesz. Zamiast patrzeć na strony internetowe i myśleć: „Wow, to wygląda świetnie. Chciałbym móc stworzyć coś takiego, ” teraz będziesz mógł stworzyć swoją własną, niesamowicie wyglądającą stronę internetową.

Co o tym myślisz? Czy to wszystko ekscytuje Cię pomysłem zostania programistą stron internetowych? Jeśli tak, jesteś we właściwym miejscu – ponieważ wkrótce nauczysz się kroków, które musisz podjąć, aby stać się jednym z nich!

Jak zostać web developerem

Naucz się podstaw HTML, CSS i Javascript

to są śruby i nakrętki całego tworzenia stron internetowych, z którymi będziesz pracować codziennie, jeśli zdecydujesz się na tworzenie stron internetowych.

• HTML dyktuje strukturę
• CSS sprawi, że będzie wyglądać ładnie
• Javascript sprawi, że będzie działał

omówmy każdy z nich i jak można się ich nauczyć.

HTML

HTML oznacza Hypertext Markup Language. Jest to jeden z głównych składników każdej strony internetowej i jeden z tak zwanych języków frontend.

W skrócie-dostarcza podstawowy szkielet strony internetowej, głównie poprzez serię tagów.

znacznik to kod HTML, który kontroluje wygląd zawartości dokumentu HTML.

oto kilka popularnych znaczników HTML, z którymi powinieneś się zapoznać:

• <HTML></HTML> – ten tag pojawia się na początku i końcu dokumentu HTML. Oznacza to, że dokument jest napisany w HTML5.
• <title></title> – tag title to tytuł strony. Jest to przydatne zarówno dla wyszukiwarek (podczas skanowania i indeksowania stron), jak i użytkowników (pojawia się w pasku tytułowym przeglądarki), wyraźnie określając główny temat każdej strony
• <head></head> – zawiera informacje o konkretnej stronie, w tym tagi tytułu, metadane oraz linki do skryptów i arkuszy stylów.
• <body></body> – obejmuje wszystkie treści, które będą wyświetlane użytkownikom, w tym wszystko, co zobaczą i przeczytają.

Uwaga: wszystkie tagi zaczynają się jak „<body>” I kończą się jak „</body>”. Znak ” / ” oznacza, że dany tag nie jest już używany. Ważne jest, aby umieścić znacznik końcowy. W przeciwnym razie cały dokument użyje tego znacznika.

oto kilka zasobów do nauki HTML:

• HTML Beginner ’ s Guide
• HTML Cheat Sheet

CSS

CSS oznacza kaskadowe arkusze stylów.

to umieszcza styl za strukturą HTML. Zasadniczo, bez CSS, HTML, a co za tym idzie, cała strona internetowa wyglądałaby nudnie.

oto jak się łączą: w kodzie HTML odwołujesz się do arkusza stylów CSS.

oto przykład jak wygląda CSS w akcji:

}#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;}

oto świetny zasób do nauki CSS: CSS Cheat Sheet

Javascript

Javascript jest językiem programowania, który pozwala na implementację elementów na stronach internetowych. Obsługuje takie funkcje, jak Interaktywne mapy, grafika 2D/3D i inne.

oto świetny zasób, który pomoże Ci nauczyć się Javascript: Javascript Cheat Sheet

Poznaj podstawy WordPress

aby zostać programistą stron internetowych, musisz zapoznać się z WordPress. W końcu-63% wszystkich stron internetowych jest zasilanych przez to bezpłatne, otwarte oprogramowanie, które można zainstalować na praktycznie dowolnym hostingu.

po skonfigurowaniu witryny WordPress klienci mogą łatwo dodawać treści samodzielnie (nawet jeśli nie mają doświadczenia w tworzeniu stron internetowych).

mamy mnóstwo przewodników WordPress na tej stronie. Sprawdź poniższe linki:

• Jak stworzyć stronę internetową WordPress
• Jak stworzyć Blog WordPress
• Jak dostosować WordPress

poznaj UI i UX

UI (interfejs użytkownika) i UX (doświadczenie użytkownika) to podstawy projektowania doświadczeń użytkownika.

większość programistów nie jest ekspertami od projektowania – są to dwie różne dziedziny. Nie musisz być gwiazdą designu.

nadal ważne jest, aby pamiętać, że poznając podstawy projektowania user experience, możesz lepiej zrozumieć, jak powinna działać strona internetowa. To utrzyma więcej użytkowników w witrynie, pomoże im znaleźć to, czego szukają, i ostatecznie wyda więcej pieniędzy na tę witrynę.

aby nauczyć się podstaw projektowania, zalecamy zapoznanie się z pakietem Adobe Creative Suite. Photoshop powinien być pierwszą rzeczą, w którą się zanurzysz, ponieważ jest to najlepszy wybór dla większości poważnych projektantów. Jeśli nie lubisz Adobe, możesz również zanurzyć się w Sketch, który jest wschodzącą gwiazdą wśród projektantów.

oto kilka zasobów do zrozumienia i nauki UI i UX:

• różnica między UX i UI Design-Przewodnik laika
• Treehouse i Lynda oferują doskonałe Kursy dla początkujących zarówno w Photoshopie, jak i ogólnych koncepcjach projektowych

Ucz się SQL i PHP (Opcjonalnie)

połączymy te dwa razem, ponieważ są jak dwie strony tej samej monety.

SQL jest technologią baz danych (zobacz SQL cheat sheet), która przechowuje informacje. PHP jest językiem 'skryptowym’, który umieszcza lub pobiera rzeczy z bazy danych (zobacz ściągawkę PHP).

Pomyśl na przykład o WordPressie.

wykorzystuje MySQL do przechowywania i zarządzania informacjami (posty na blogu, zawartość strony, komentarze, informacje o użytkownikach itp.) w bazie danych „tabela”. PHP jest tym, co sprawia, że witryna WordPress jest dynamiczna, interakcja ze wszystkimi tymi różnymi elementami i właściwa aktualizacja bazy danych w trakcie pracy.

Dowiedz się więcej o tym, jak SQL i PHP współpracują ze sobą, może pomóc ci opanować tworzenie stron WordPress, których dosłownie setki (jeśli nie tysiące) ludzi szukają każdego dnia na tablicach pracy i projektów w Internecie.

dodatkowe zasoby do nauki PHP i SQL:

• kurs SQL
• TutorialsPoint (PHP)

to nie jest łatwe. Nie opanujesz tego wszystkiego przez tydzień lub dwa. Ale z czasem poznanie, a następnie dobre w tych zestawach umiejętności oznacza, że zawsze będziesz miał opłacalną karierę przed sobą.

Poznaj podstawy SEO

SEO oznacza optymalizację pod kątem wyszukiwarek. Odnosi się to do procesu poprawy pozycji witryny w wyszukiwarkach takich jak Google. To jedna z najważniejszych umiejętności w biznesie online.

Możesz myśleć: „jeśli jestem programistą, dlaczego muszę się martwić o to, jak dobrze strona plasuje się w wyszukiwarkach? Czy nie jest to zadanie blogerów i twórców treści?”

cóż tak, duża część SEO strony ma związek z treścią. Ale rzeczywista struktura i Kod strony internetowej również odgrywają rolę.

na przykład znaczniki nagłówków (HTML) są niezwykle ważne dla SEO. Mówią wyszukiwarkom, co jest naprawdę ważne na stronie internetowej.

chcesz być ekspertem SEO? Absolutnie nie. Ale powinieneś nauczyć się podstaw SEO i pamiętać o SEO podczas tworzenia każdej strony internetowej. W ten sposób zapewnisz witrynie znacznie większą szansę na sukces i sprawisz, że twój Klient tworzenia stron internetowych będzie o wiele szczęśliwszy.

oto kilka wskazówek SEO dla twórców stron internetowych:

• Zoptymalizuj swoje metatagi. Na stronie wyszukiwania meta tag informuje przeglądarki o tym, o czym jest Twoja witryna – im lepiej, tym bardziej prawdopodobne jest, że klikną na witrynę.
• upewnij się, że znaczniki nagłówków są w określonej kolejności. H1 powinien być głównym nagłówkiem, a następnie powinieneś zejść przez nagłówki niższego poziomu przez stronę(tj. Ułatwia to wyszukiwarkom poruszanie się po stronie.
• upewnij się, że Twój tag tytułowy poprawnie opisuje stronę internetową. Tytuł powinien podkreślać, o czym jest strona.

oto kilka zasobów do nauki podstaw SEO:

• Przewodnik dla początkujących do SEO
• Jak nauczyć się SEO: 10 najlepszych zasobów do zakładek
• Jak zwiększyć ruch na stronie

poświęć co najmniej 3-5 godzin na czytanie zasobów i naukę podstaw. To przygotuje Cię do tworzenia stron internetowych z myślą o SEO.

upewnij się, że Twoja strona jest responsywna

podczas tworzenia własnej strony internetowej (co będzie dobrym pomysłem, jeśli chcesz uzyskać więcej klientów) – powinieneś upewnić się, że Twoja strona jest responsywna.

Responsive oznacza, że elementy strony dopasowują się do rozmiaru ekranu. Oznacza to, że Twoja strona będzie wyglądać dobrze, niezależnie od tego, czy odwiedzający jest na laptopie, czy urządzeniu mobilnym.

w 2018 roku kluczowe znaczenie miał responsywny projekt. Wszyscy twoi klienci będą tego oczekiwać-daj przykład i upewnij się, że Twoja strona jest responsywna.

***

ok, więc po przejściu tych 6 kroków będziesz miał podstawową wiedzę na temat tworzenia stron internetowych. Będziesz wiedział, jak to zrobić (przynajmniej na poziomie podstawowym).

nie spiesz się z tymi krokami – zapotrzebowanie na twórców stron internetowych nie spada w najbliższym czasie, więc masz czas na naukę.

ale tu jest wielkie pytanie: Kiedy czujesz, że masz podstawową wiedzę w dół, jak naprawdę znaleźć klientów do tworzenia stron internetowych?

masz szczęście – o tym teraz porozmawiamy!

jak znaleźć swojego pierwszego klienta do tworzenia stron internetowych (lub zostać freelancerem)

to, że masz umiejętności, nie oznacza, że ludzie będą po prostu rozdawać ci pieniądze. Musisz trochę popracować i sprzedać siebie. Trzeba również umieścić się w odpowiednich miejscach, aby uzyskać możliwości.

teraz, jako programista stron internetowych, masz dwie możliwości. Możesz 1) spróbować wylądować w pełnym wymiarze czasu pracy na miejscu w firmie lub 2) iść drogą freelancingu i szukać koncertów online.

polecamy freelancing. Chociaż nie stać go na taką samą gwarantowaną wypłatę, jak Praca w pełnym wymiarze godzin, istnieją 3 ogromne korzyści:

• wolność: koniec z taktowaniem i taktowaniem. Możesz nadal pracować w tych samych godzinach (lub więcej), ale twój harmonogram, lokalizacja i warunki życia zależą wyłącznie od Ciebie. (Plus-brak dojazdów, co pozwala zaoszczędzić godziny co tydzień!)
• pieniądze: gdy staniesz się dobrym freelancerem, będziesz miał lepszą szansę na zarobienie więcej pieniędzy (niż czekanie na marne 3% podwyżki każdego roku).
• prestiż: z biegiem czasu będziesz miał możliwość zbudowania własnej pracy i marki do tego stopnia, że ostatecznie zagwarantuje Ci stały napływ nowych klientów (nawet bez konieczności ich szukania!).

w poniższej sekcji skupimy się na tym, jak zdobyć swój pierwszy freelancing jako programista stron internetowych.

wejdź na Giełdy Pracy

Większość freelancerów trafia na giełdy pracy, aby znaleźć swoje pierwsze zlecenia na tworzenie stron internetowych. Mogą one być świetne do gromadzenia doświadczeń, ale prawdopodobnie nie chcesz ich używać jako strategii długoterminowej.

jakość Klientów może być bardzo hit-or-miss. Niektóre mogą być świetne. Inni mniej …

wiele razy przyciągają ludzi, którzy są niedoświadczeni w zatrudnianiu, co może stwarzać wiele problemów, gdy próbujesz z nimi pracować. Dość często tablice pracy przyciągną również ludzi z nierealistycznymi ramami czasowymi i budżetami.

nadmierne poleganie na tablicach ogłoszeń (zbyt długo) nie da ci możliwości (ani wolnego czasu) rozpoczęcia budowania własnej marki. Przyciągnięcie „przychodzącej” uwagi do swojej pracy ostatecznie wyląduje Ci najlepszych (i najlepiej płacących) klientów na koniec dnia.

ale jak powiedzieliśmy, nie jest to zła opcja, aby zacząć i zdobyć doświadczenie.

Po prostu zrozum, że każdy koncert, który dostaniesz na tablicy pracy (choć może nie płacić zbyt dobrze) pomoże Ci zdobyć doświadczenie i uzyskać więcej przyszłej pracy.

bardzo łatwo jest również zacząć pracę na tablicach ogłoszeń …

poniżej znajduje się Zdjęcie wyników z szybkiego wyszukiwania w UpWork:

(jak widać, istnieje mnóstwo ofert pracy dla programistów internetowych!

Oto kilka ofert pracy, na których można znaleźć zlecenia tworzenia stron internetowych:

• PeoplePerHour.com
• Codeable.io (dla WordPressa)
• TopTal.com (dla WordPressa)
• UpWork.com

tworzy stronę Portfolio

aby ułatwić pozyskanie większej liczby klientów (i aby klienci mogli cię znaleźć), powinieneś utworzyć stronę portfolio. To tutaj zaprezentujesz swoje najnowsze projekty, pokażesz referencje od zadowolonych klientów, zapewnisz potencjalnym klientom łatwy sposób kontaktu z Tobą, a także pokażesz swoje możliwości tworzenia stron internetowych.

oto kilka wskazówek dotyczących tworzenia witryny portfolio web development:

• użyj referencji od byłych i obecnych klientów. Zapewni to odwiedzających, że wykonujesz świetną pracę i że inni chętnie z Tobą współpracują. (Sprawiają, że nawyk zadawania referencji za każdym razem, gdy kończysz projekt.)
• Tchnij swoją osobowość. Co jest wspaniałego w pracy z Tobą i co Cię wyróżnia? Kiedy wprowadzisz osobowość do swojej witryny portfolio, automatycznie się wyróżnisz.
• Dołącz odpowiednie elementy. Twoje imię i nazwisko, krótka wersja twojej historii o tym,jak / dlaczego zostałeś programistą stron internetowych, Twoje dane kontaktowe, Twoja ostatnia praca i twoje umiejętności.
• Odpowiedz ” co z tego będę miał?”pytanie. Zasadniczo daj im znać główne korzyści płynące ze współpracy z Tobą, tj. co klienci otrzymają ze współpracy z tobą.

przede wszystkim zadbaj o to, aby Twoja strona z portfolio wyglądała świetnie! Chcesz, aby potencjalni klienci to zobaczyli i pomyśleli: „Wow! Ja też chcę coś takiego na mojej stronie!”W ten sposób będą bardziej zainteresowani współpracą z Tobą.

oto kilka przykładów świetnych witryn z portfolio web developerów, które można wykorzystać jako inspirację:

• MattFarley.ca
• Caferati.ja (mówiąc o naparzaniu osobowości, ten deweloper robi to w dużym stopniu na swojej stronie. Przejdź do strony głównej, a zobaczysz, co mamy na myśli!)
• Pierre.io

oto kilka zasobów, które pomogą Ci zbudować witrynę portfolio programistycznego:

• Jak stworzyć witrynę Portfolio
• 10 wskazówek dotyczących tworzenia Portfolio programistów

Rozpocznij tworzenie sieci

nie trać całego czasu na przeszukiwanie internetowych tablic ofert pracy. Jeśli chcesz uzyskać wielkie możliwości, musisz również wyjść do realnego świata.

warto wziąć udział w co najmniej 2-3 istotnych wydarzeniach networkingowych każdego miesiąca. Zakładając, że mieszkasz w lub w ciągu godziny lub dwóch od dużego miasta, nie powinno być trudno znaleźć tego rodzaju wydarzenia.

zacznij od Wyszukiwania spotkań na Meetup.com i Eventbrite. Tylko na tych dwóch platformach znajdziesz mnóstwo istotnych wydarzeń.

celuj w wydarzenia, które przyciągają przedsiębiorców, ponieważ te osoby będą najbardziej chciały zbudować nową stronę internetową. Gdy łączysz się i łączysz z większą liczbą tych osób (i niech będzie wiadomo, że jesteś programistą stron internetowych), wystawisz się na więcej i lepszych koncertów niż te, które znajdziesz na forach pracy. Zaczniesz również rozwijać swoją markę osobistą.

oto kolejny świetny zasób, który pomoże Ci znaleźć wydarzenia: Jak znaleźć wydarzenia networkingowe, w których warto wziąć udział

korzyści pełnoetatowego programisty stron internetowych

dużo rozmawialiśmy o freelancingu jako programista stron internetowych. Jednak praca w pełnym wymiarze godzin w firmie ma swoje własne korzyści:

• pracujesz z innymi programistami – to daje Ci przewagę wspólnego doświadczenia, zwłaszcza jeśli jesteś zupełnie nowy. Praca z innymi pozwala im dzielić się z Tobą swoim doświadczeniem, co jest bardzo cenne.
• Obsługa klienta jest zorganizowana – kiedy pracujesz w firmie, nie musisz pracować w różnych porach dnia. Oznacza to, że klienci firmy wiedzą, kiedy się skontaktować i oczekują, że Twoja praca zostanie zakończona.
• znacznie bardziej skoncentrowane obciążenie pracą-kilku freelancerów pracuje obecnie nad różnymi projektami w tym samym czasie. Dzieli to ich skupienie, co może wpłynąć na ogólną jakość. Jako pełnoetatowy programista częściej pracujesz nad jednym projektem, który wymaga twojej pełnej uwagi.

wnioski

rynek pracy staje się coraz trudniejszy. Bardziej tradycyjne miejsca pracy są stopniowo wycofywane każdego dnia. Dlaczego więc nie nauczyć się umiejętności, które pozwolą Ci utrzymać zatrudnienie (i być może bogactwo) w dającej się przewidzieć przyszłości?

to duża zaleta tworzenia stron internetowych. Najlepsze jest to – nie trzeba fantazyjnie drogiego stopnia, aby dostać się do pola. Po prostu wykonując wymienione tutaj kroki, możesz rozpocząć drogę do zostania programistą stron internetowych.

istnieje również wiele opcji oprogramowania zintegrowanego środowiska programistycznego (IDE), które znacznie ułatwiają życie programistom.

podsumowując, oto podstawowe kroki, aby zostać programistą stron internetowych:

1. Poznaj podstawy HTML, CSS i Javascript
2. przejrzyj samouczki WordPress
3. Poznaj podstawy UI i UX
4. Naucz się SQL i PHP
5. Naucz się podstaw SEO
6. upewnij się, że Twoja strona jest responsywna

I oto podstawowe kroki, aby znaleźć swoją pierwszą pracę programistyczną:

2. stwórz stronę z portfolio
3. rozpocznij networking

teraz nadszedł czas, aby podjąć działania i pokazać światu, jakim niesamowitym web developerem możesz być!