Як стати веб-розробником (з ілюстраціями)

Веб-розробка як сфера діяльності постійно розвивається, і це не дивно: нові технології (наприклад, програми для планшетів і смартфонів) з`являються мало не щодня. Попит на фахівців, здатних створювати нові програми та програми, незмінно високий вже кілька років.Якщо ви захоплюєтеся технологіями, то є сенс пов`язати своє життя з веб-розробкою, але для цього доведеться постаратися і повчитися. Якщо ви хочете побудувати кар`єру на цьому поприщі, вам доведеться опанувати не одним навиком, а цілим набором, в тому числі навчитися розбиратися в мовах програмування, обробці графіки і маркетингу.

кроки

Частина 1 з 5:

Що потрібно для входу в професію

1. Що шукають роботодавці? Вакансії багатьох компаній шукають людину, що володіє певними навичками та компетенціями.

Багато компаній хотіли б найняти фахівця / бакалавра, який пройшов навчання за фахом типу «Обчислювальна техніка» або «Інформаційні технології».
Власне, пов`язане з ІТ освіту допоможе людині опанувати навичками, необхідними для роботи веб-розробником: програмуванням, веб-дизайном, роботою з базами даних, роботою з мережевими додатками, і це вже не кажучи про знання математики.
Замість диплома університету багато веб-розробники отримують дипломи і сертифікати, що підтверджують професійні навички. Такі можна отримати у відповідних навчальних закладах, на курсах, а також в ряді технологічних компаній.
Наприклад, у Microsoft є навчальний курс по веб-розробці. Щоб отримати відповідний сертифікат, доведеться скласти іспит і мати за плечима 2-3 роки досвіду роботи.
Диплом або сертифікати - це, звичайно, дуже добре. Тим не менш, у даний час на ринку є чимало фахівців, які успішно працюють і так.

2. Розберіться, які саме ІТ-навички вам знадобляться, щоб стати веб-розробником. Уміння створити найпростіший сайт - це, в общем-то, самий мінімальний рівень, яким слід володіти.

Вам потрібно знати, як працює інтернет. Знову ж, не завадить мати уявлення і про програмування.

Є багато різних мов програмування, про які хорошому веб-розробнику слід хоча б мати уявлення. Уміння писати на різних мовах програмування і правильно їх використовувати вам напевно стане в нагоді.

Нові мови програмування та інтерфейси з`являються мало не щодня. Щоб не відстати, доведеться стежити за галузевими трендами і тенденціями.

Також необхідно розбиратися в ази дизайну і розбиратися в теорії кольору, роботі по сітці, шрифтах і так далі.

Веб-розробник працює з графікою, це факт. Тим не менш, це не основне його заняття. Досить знати, як зробити сайт або додаток привабливим і зрозумілим для користувача (причому одночасно).

3. Зрозумійте, що в бізнес-процеси - це дуже вимоглива професійна область. Потрібно вміти спілкуватися з клієнтами, потрібно вміти справлятися зі стресом, потрібно вміти працювати в скрутному становищі.

Уміння спілкуватися з людьми - це мало не наріжний камінь веб-розробки, як мінімум - один з китів, на якому вона стоїть. Вам адже доведеться щодня спілкуватися з клієнтами, колегами або представниками інших підприємств.

Уміння працювати з важкими клієнтами або з клієнтами, які просто не розбираються в комп`ютерах, буде дуже корисним.

Можливо, що саме з такими важкими клієнтами, з людьми, яким потрібно пояснювати, як працює все те, що ви робите, вам і доведеться працювати.

Також вам доведеться навчитися справлятися зі стресом, а ще - оволодіти навичками тайм-менеджменту. Бути веб-розробником - дуже непросто.

Можливо, що в один і той же момент часу ви будете зайняті на декількох проектах відразу, причому крайні терміни їх здачі будуть близькі.

Частина 2 з 5:

Знайомство з мовами програмування

1. З`ясуйте, в чому полягає сенс мов програмування і відповідних платформ. Розберіться в тому, як все це працює. Не маючи такої бази, ваші програми та веб-додатки навряд чи вийдуть хорошими і якісно працюють.

Мови програмування і платформи розробки - це, власне, те, що використовують веб-розробники для створення додатків, скриптів або інших інструкцій для комп`ютерів.
В даний час є десятки мов програмування.
Для кожної мови є своя власна платформа або програма-компілятор, в якій все і пишеться.

2. вивчіть HTML. Це найпростіший штучна мова, повсюдно використовується для створення сайтів. По суті, це не мова програмування, а мова розмітки.

Він настільки простий, що багатьом людям вистачить кількох годин роботи з самовчителем, щоб схопити ази.

У HTML використовуються текстові елементи (теги), які вбудовуються в текстовий документ (майбутній сайт). Як і будь-якого іншого мови, тут є своя граматика і свій синтаксис.

HTML - це HyperText Markup Language, тобто гіпертекстова мова розмітки.

Гіпертекст - це те, що дозволяє вам переходити в інтернеті з однієї сторінки на іншу. Ви клікаєте по посиланнях для цього, а такі посилання і є окремий приклад гіпертексту.

Коли ви пишете на HTML, ви використовуєте послідовність тегів. Саме теги покажуть комп`ютера, як треба відображати текст: курсивом, посиланням, списком і так далі.

Коли ви пишете на HTML в текстовому файлі, його треба зберегти в форматі html. Тоді цей файл можна буде відкрити в будь-якому браузері - наприклад, в Google Chrome або Firefox.

Ваш браузер прочитає файл і переведе код в візуальну форму. Так і вийде сайт, який ви побачите.

Писати на HTML можна і в простому блокноті, проте є і потужні редактори - наприклад, HTML Kit.

Мови програмування функціонують схожим чином, просто у них інших синтаксис і свої «теги». Для створення більш просунутих сторінки за допомогою різні мови програмування.

3. Відкрийте для себе Java. Це поширена мова програмування, часто використовуваний для веб-розробки.

Головне завдання Java - дозволити веб-розробнику написати скрипт або інший набір інструкцій для додатка.

Ця мова дає можливість написати такий скрипт, який можна буде виконати будь-де.

Netflix, Edmunds і Zappos - ось лише деякі з сайтів, які використовують Java.

Одними з найпопулярніших інструментів для роботи з Java є JSON і CORE.

4. Навчіться працювати з NET / C #. Якщо ви збираєтеся працювати з системами, що працюють на програмах від Microsoft, це буде дуже важливим навиком.

Власне, ця мова програмування був створений для платформ від Microsoft.

ExactTarget, Comcast і XBOX - ось лише деякі з сайтів і сервісів, що використовують цю мову програмування.

Інструменти розробки, які використовуються при роботі з NET / C #, це Flippy, SQL Helper, Imagehandler і CodeSmith.

Серед інших інструментів, які допоможуть вам перевірити код і налагодити додатки, можна назвати FxCop, Regulator, NUnit і NDoc.

5. Подумайте, чи не вивчити чи вам PHP. Це ще одна мова програмування, створена спеціально для веб-розробки.

Це один з найпоширеніших скриптових мов.

Його перевага в тому, що він дає веб-розробникам можливість швидко писати код. У плані коду ця мова програмування куди більш гнучкий, ніж інші.

Facebook, Tumblr і Wikipedia створені за допомогою PHP.

Серед основних інструментів для роботи з PHP можна назвати Slim.PHP, Secureimage і Webgrind.

Також можна згадати, зокрема, Scavenger, PHP DOX і PHP_Debug. Для роботи з PHP також є безліч тестерів, дебаггера і Документатор.

6. Відкрийте для себе C++. Ця мова програмування використовується переважно в системному програмуванні.

Це досить простий у використанні мову з гнучким кодом.

C ++ використовують JPMorgan Chase, DIRECTTV і Sony.

Для роботи з C ++ створені такі інструменти, як Doxygen, Graphviz і Mscgen.

Eclipse - інший популярний інструмент для роботи з C++.

7. Навчіться писати на Python. Це дуже популярна мова програмування, який використовується на безлічі популярних ресурсів.

Python славиться своєю простотою, що дозволяє розробникам швидко писати код і інтегрувати різні системи.

Синтаксис цієї мови досить простий і зрозумілий, за рахунок чого зменшується і вартість обслуговування програми.

Серед сайтів, якими ви можете користуватися щодня, Python використовують Google і Youtube.

Для роботи з Python є сенс звернути увагу на Komodo Edit IDE, PyCharm IDE і Eclipse з PyDev.

Частина 3 з 5:

Знайомство з графічним дизайном

1. Ознайомтеся з особливостями графіки для веб-сторінок. Більшість веб-розробників графікою не займаються в принципі, проте ази знати все ж варто.

Потрібно вміти обрізати зображення, змінювати його розмір і палітру, а також знати, як додати підпис до картинки .
Власне, для цих цілей є безліч програм для роботи з графікою, які з радістю прийдуть вам на допомогу.
У кожного графічного редактора - свої методи роботи і свій інтерфейс.
Повторимо: більшість веб-розробників, що працюють у великих компаніях, не займаються підготовкою графіки для сайтів і додатків. Проте, розбиратися в темі на базовому рівні потрібно.
Зрештою, більшості веб-розробників, що працюють в невеликих компаніях, все ж доводиться займатися і графікою. Те ж стосується і фрілансерів.

2. Завантажте безкоштовний графічний редактор. Так ви зможете отримати базові навички редагування зображень.

Наприклад, безкоштовно поширюються такі редактори, як GIMP і Inkscape.

Власне, в мережі є безліч навчальних матеріалів для цих редакторів.

Ці базові графічні редактори дозволять вам вносити базові, найпростіші зміни в графічні матеріали.

GIMP і Inkscape дозволять вам обрізати зображення, змінювати їх розмір, додавати до картинок текст і форми, прибирати червоні очі і коригувати кольору зображення.

3. Навчіться додавати зображення на сайт. Створіть простий сайт на будь-яку цікаву вам тему.

Використовуйте ваші навички роботи з HTML, щоб додати на сайт графіку і зображення.

Для редагування зображень скористайтеся GIMP або Inkscape.

Перевірте сайт, щоб дізнатися, як внесені в графіку зміни впливають на його зовнішній вигляд.

Щоб знайти себе на цьому поприщі, доведеться неабияк попрактикуватися.

Зате, коли ви знайдете клієнта, ви зможете редагувати графіку так, як йому, клієнтові вашому, потрібно.

Частина 4 з 5:

самопросування

1. Створіть кілька сайтів. Це важливо, адже так ви зможете показати потенційним клієнтам свої навички.

Власне, можна створити сайт-галерею для картин, фото або відео, сайт для бізнесу і блог.
Найчастіше веб-розробникам доводиться мати справу саме з такими сайтами.
Створіть пробну бізнес-сторінку і напишіть, що це за бізнес, які товари або послуги він продає, додайте фотографії цих товарів або послуг, сторінку з описом товарів і послуг, а також сторінку з контактною інформацією.
Створіть свій власний сайт. Вкажіть на ньому, з якими видами програмування ви знайомі, скільки берете за роботу, розмістіть ваше портфоліо.
Так ви зможете показати клієнту всі, над чим працювали.
Створіть блог, де користувачі зможуть самостійно додавати контент за допомогою спеціального інтерфейсу.
Використовуйте різні мови програмування, щоб ваші потенційні клієнти бачили, що ви можете робити.

2. Вам потрібні візитки. Візитки можна роздавати на тематичних заходах.

На візитках обов`язково потрібно вказати адресу вашого особистого або професійного сайту.

Інші контактні дані теж не завадять.

Додайте посилання на створені вами сайти, щоб потенційні клієнти могли бачити приклади вашої роботи.

3. Нарощуйте ваше медіа-присутність. Додати сторінку про ваш бізнес, розкажіть, в яких видах веб-розробки ви спеціалізуєтесь.

Як і у випадку з бізнес-сайтом, це дуже важливий аспект просування свого бізнесу.

Заведіть сторінку на Facebook або ВКонтакте для вашого бізнесу і, знову ж таки, вкажіть, на чому ви спеціалізуєтесь, скільки берете за роботу і як можна з вами зв`язатися.

Заведіть сторінку в Twitter і викладайте посилання на сайти, над якими працюєте.

Є сенс завести сторінку і на Google +, не завадить і власний блог, в якому ви будете розповідати про проекти, над якими працюєте.

Для спілкування з іншими веб-розробниками можна використовувати LinkedIn.

4. Рекламуйте свої послуги як онлайн, так і в друкованих виданнях. Якщо ви - майстер на всі руки, то і рекламувати свої послуги слід на широку ногу!

Додайте оголошення на сайті Craigslist (в розділі Services вашого регіону).

Обов`язково додайте посилання на створені вами сайти, не забудьте вказати контактні дані.

Є сенс подати оголошення в місцевих газетах і журналах.

Це може дати вашому бізнесу імпульс на локальному рівні - наприклад, з боку місцевих об`єднань, підприємств і груп, яким потрібен власний сайт.

Частина 5 з 5:

Влаштовуємося на роботу веб-розробником

1. Підготуйте і / або поновіть ваше резюме. Вкажіть весь ваш досвід роботи, в тому числі і на волонтерських засадах. Ви створювали сайти? додатки? все запишіть!

Важливо, щоб при підготовці резюме ви не відривалися від реальності. Не пишіть того, чого не було, і не перебільшуйте.
Утримайтеся від використання професійного жаргону і модних слівець. «Синергія»? «Креативність»? Краще не треба!
Додайте відгуки ваших клієнтів і посилання на код додатків або сайтів, створених вами.
Попросіть одного або колегу оцінити ваше резюме до того, як відправите його всім підряд.
Закінчивши роботу над резюме, викладіть його в мережу. Для цього можна використовувати такі сайти, як LinkedIn або Career 2.0.
Попросіть всіх ваших знайомих, зайнятих в веб-розробці, поглянути на ваше резюме. Хіба мало, раптом так вони якраз знають, куди потрібен тлумачний фахівець.

2. Викладіть в мережу частина написаного вами коду. Онлайн-присутність для веб-розробника є невід`ємним елементом побудови успішної кар`єри.

Додайте який-небудь не особливо серйозний проект на GitHub.

Беріть участь в роботі над проектами з відкритим вихідним кодом на тому ж GitHub або аналогічних сайтах.

Людина, що працює над веб-проектами в свій вільний час, - це цікавий кандидат для будь-якого роботодавця.

Свого онлайн-портфоліо додавайте ваш найкращий код.

Написав код або взяли участь в проекті? Додайте це в своє резюме.

Ви можете почати вести блог про проекти, над якими працюєте, або про актуальні тренди веб-розробки. Знову ж таки, все посилання - в резюме. Роботодавці люблять тих, хто не відстає від новітніх тенденцій.

3. Вивчіть технологічні компанії. Важливо знати про них досить багато, і особливо - про ту компанію, чий рекрутер вирішив з вами зв`язатися.

Потрібно знати, скільки років вже працює та чи інша компанія.

Потрібно знати цілі і завдання компанії.

Зрозуміло, потрібно орієнтуватися в її продуктах або послугах.

Роботодавцям не цікаві претенденти, які навіть не уявляють, куди влаштовуються.

4. Витратьте час на проходження технічних тестів. Перед інтерв`ю багато компаній влаштовують такого роду перевірки, щоб оцінити технічну підкованість кандидатів.

Поставтеся до тестів з усією серйозністю, навіть якщо завдання здається вам простим.

Роботодавцям можна бути цікаво, чи вмієте ви програмувати на якомусь конкретному мові програмування або чи можете ви створити якийсь конкретний сайт.

Вкладіть в роботу над тестом всі свої сили. Ви ж хочете, щоб все працювало, причому без помилок в самий не підходящий момент, чи не так?

Використовуйте онлайн-тест, щоб протестувати свій код на практиці. Це покаже роботодавцю, що ви як мінімум вмієте розгортати власний код.

5. Підготуйтеся до інтерв`ю. Дізнайтеся більше про саму компанію і про обстановку, що панує в ній.

Варто подумати над тим, чи є там дрес-код, який там може бути режим роботи, чи будуть можливі або необхідні відрядження.

Прибудьте на місце за 15 хвилин до призначеного часу проведення інтерв`ю. Це покаже, наскільки ви пунктуальні і добре керуєте своїм розкладом.

Підготуйте свої питання, які задасте інтерв`юеру. Запитайте про робочу обстановку, культуру компанії, уточніть, над проектами якого роду вам доведеться працювати, ну і так далі.

Якщо ви приходите на інтерв`ю зі своїми питаннями, то це хороший знак для рекрутера: тим самим ви показуєте, що ретельно підготувалися до співбесіди і серйозно ставитеся до можливості працевлаштування.

Постарайтеся не допускати стандартних помилок, пов`язаних з процесом співбесіди при прийомі на роботу. Чи не приділяйте занадто багато уваги зарплати, не кажіть поганого про ваших колишніх колег або наймачів, які не перебільшуйте власні навички та досягнення.