Документ описывает различные способы заработка веб-разработчиков и фрилансеров, включая создание сайтов и рекламу. Также упоминаются необходимые знания и инструменты для создания сайтов, такие как HTML и CSS, а также курсы и ресурсы для обучения в области IT. В дополнение к этому, документ акцентирует внимание на важности карьерной подготовки и сообщества для молодых специалистов.

1. goit.com.ua
vk.com/goITclub
facebook.com/goITclub

2. Website:
http://bit.ly/goit-rss-live

3. «Как продать котят»
или «Чем ещё может заработать
фронтенд-разработчик»
Александр Сидько

4. Чем может заработать
веб-разработчик
• Основная работа
• Фриланс — создание сайтов по заказу
• Реклама на собственных сайтах
• Пожертвования от посетителей (Donate)

6. 6 котят

7. Попытка №1: Доски объявлений
• Slando
• Torg.ua

8. Попытка №2: Собственный сайт

9. Сайт в действии

10. Статистика посещений

11. Поисковые запросы
• шатланские вислоухие котята вызывают
алергию”
• “как назвать шотландскую кошку девочку
голубого цвета”

12. Итого
• На сайт ушел один вечер
• 1 файл верстки, 1 файл стилей, 13 картинок
и щепотка скриптов.
• В среднем 10 визитов в день
• После продажи остался сайт на память

13. Что необходимо
знать?
Для создания сайта

14. Что необходимо?
Знание HTML и CSS
Редактор кода:
• Notepad++
• JetBrains WebStorm
• Codeanywhere.com
Графический редактор:
• Paint.NET
• Adobe Photoshop

15. HTML — язык структурирования
информации
<h1>Шотландские вислоухие котята</h1>
<div class="description">
<img class="parents-photo" src="/cats/parents.jpg" alt="Родители котят"/>
<p>Предлагаются породистые котята различного окраса. Отец (Чейзи) клубный,
с чемпионской родословной, белого окраса с голубыми глазами. Мама (Варвара)
чистокровная, голубого окраса, глаза янтарного цвета. Фото прилагается.</p>
</div>
<div class="cats">
<div class="cat">
<img class="cat__image" src="/cats/mini_varja-thumb.jpg" />
<div class="cat__name">Мини-Варя</div>
</div>
…
</div>

16. CSS — язык описания
внешнего вида
h1 {
text-align: center;
color: #74aa6c;
}
.cat {
display: inline-block;
width: 12.5%;
border-radius: 10px;
vertical-align: top;
}
.cat .cat__image {
width: 100%;
border-radius: 100px;
transition: opacity .2s;
}

17. MS Notepad

18. Notepad++

19. JetBrains WebStorm

20. «Редакторы приходят и
уходят, а фотошопить
хочется всегда»
Народня мудрость:

21. Adobe Photoshop

22. Размещение сайта в сети
Хостинг:
• Бесплатный
• hostinger.com.ua
• Платный
• Выделенный сервер
• mirohost.net
• dc.volia.com
Домен:
• imena.ua
• ukraine.com.ua

23. Вопросы?

24. goit.com.ua
vk.com/goITclub
facebook.com/goITclub

25. GO Frontend

26. С чего начать?

30. Книги

31. • Веб-дизайн или Не заставляйте меня думать —
Стив Круг
• HTML5. Недостающее руководство (HTML5: The
Missing Manual) — MacDonald M.
• CSS - каскадные таблицы стилей. Подробное
руководство. — Эрик А. Мейер.
• Большая книга CSS (CSS3: The Missing Manual).
— Дэвид Сойер Макфарланд

32. • JavaScript. Подробное руководство — David
Flanagan
• JavaScript: The Good Parts. — Douglas Crockford
• JavaScript and JQuery: Interactive Front-End Web
Development. — Jon Duckett

33. On-line курсы

35. htmlacademy.ru

36. codeacademy.com

37. codeschool.com

39. bit.ly/goit-w3c-htmlcss

40. English

42. puzzle-english.com

43. lingualeo.com/ru

44. Задачки

45. codewars.com

46. projecteuler.net

48. Freelance

52. А это интересно?

54. • Результаты твоей работы видят миллионы
• Заработок
• Множество решений одной задачи
Для всех

55. • Творчество/дизайн: цвет, форма и движение
• Работа с текстами
• Работа со шрифтами
Для гуманитариев

56. • Творчество/дизайн: цвет, форма и движение
• Работа с текстами
• Работа со шрифтами
Для гуманитариев
bit.ly/goit-css3-animation

57. • Множество различных рюкзаков
• JavaScript динамически развивающийся язык
• Точность и строгость XHTML
• Полноценное серверное программирование
Для технарей

58. • Множество различных технологий
• JavaScript динамически развивающийся язык
• Точность и строгость XHTML
• Полноценное серверное программирование
Для технарей

59. • Множество различных технологий
• JavaScript динамически развивающийся язык
• Точность и строгость XHTML
• Полноценное серверное программирование
Для технарей

63. Всё так радужно?

64. Много браузеров
Desktop, tablets, mobile

66. Не все выходит с первого раза
Таки надо учиться и постоянно развиваться

70. GitHub:
https://github.com/pavlo-
yuriychuk/newsreader

71. goit.com.ua
vk.com/goITclub
facebook.com/goITclub

72. GoIT
Мы помогаем каждому достичь
образовательных и карьерных целей в IT.
Наша цель - создать бренд Украины как
сильной IT страны!

73. Учебную программу пишут
практикующие специалисты
Head of
QA
Александр
Майданюк
Head of
Java
Александр
Баглай
Head of
GoStart
Павел
Медведев
Head of
FrontEnd
Сергей
Пузанков

74. Преподаватель-практик
Ментор 1 Ментор 2 Ментор 3

75. Система онлайн
образования

76. Практика на реальных
кейсах

77. Геймификация и интерактив

78. Серьезный отбор
3 ключевых составляющих, необходимых для
старта карьеры в ІТ:
Знание английского на уровне Intermediate
Технические навыки на уровне продвинутого
пользователя/администратора
Мощнейшая внутренняя мотивация

79. Структура курса
Tech Skills
120 часов
Soft Skills
15 часов
Job
15 часов
English
27 часов
177
часов

80. Ваше трудоустройство —
Цель №1
• Составим идеальное CV
• Даем рекомендации, учим продавать себя
• Тестовое собеседование
• Сareer Service

81. Мы формируем сообщество ІТ-лидеров

82. Закрытые ивенты для участников
GoITclub с лидерами IT-
сообщества

83. Курсы Front-End
HTML
CSS
• 1,5 месяца
• 3 900 грн
JavaScript
• 3 месяца
• 7 800 грн
Advanced
Front-End
• 1,5 месяца
• 5 200 грн
При прохождении 1 курса –
скидка 15% на следующий

84. Java
Basic
Course
4 месяцев
В течении 6 месяцев запускаются:
UI/UXAndroid iOS PM
GoStart
QA
Manual
QA
Automation+
ISTQB
2 месяца 3 месяца 4 месяца
Есть!
ISTQB
2 месяца

85. goit.com.ua
vk.com/goITclub
facebook.com/goITclub