goit.com.uavk.com/goITclubfacebook.com/

goITclub

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

«Как продать котят»

или «Чем ещё может заработать фронтенд-разработчик»

Александр Сидько

Чем может заработать веб-разработчик

• Основная работа

• Фриланс — создание сайтов по заказу

• Реклама на собственных сайтах

• Пожертвования от посетителей

(Donate)

?

6 котят

Попытка №1: Доски объявлений

• Slando

• Torg.ua

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

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

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

Поисковые запросы

• шатланские вислоухие котята вызывают алергию”

• “как назвать шотландскую кошку девочку голубого цвета”

Итого

• На сайт ушел один вечер• 1 файл верстки, 1 файл стилей, 13

картинок и щепотка скриптов.• В среднем 10 визитов в день• После продажи остался сайт на память

Что необходимо знать?

Для создания сайта

Что необходимо?Знание HTML и CSSРедактор кода:

• Notepad++• JetBrains WebStorm• Codeanywhere.com

Графический редактор:• Paint.NET• Adobe Photoshop

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>

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

MS Notepad

Notepad++

JetBrains WebStorm

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

Народня мудрость:

Adobe Photoshop

Размещение сайта в сети

Хостинг:• Бесплатный

• hostinger.com.ua• Платный• Выделенный сервер

• mirohost.net• dc.volia.com

Домен:• imena.ua• ukraine.com.ua

Вопросы?

goit.com.uavk.com/goITclubfacebook.com/

goITclub

GO Frontend

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

Книги

• Веб-дизайн или Не заставляйте меня думать — Стив Круг

• HTML5. Недостающее руководство (HTML5: The Missing Manual) — MacDonald M.

• CSS - каскадные таблицы стилей. Подробное руководство. — Эрик А. Мейер.

• Большая книга CSS (CSS3: The Missing Manual). — Дэвид Сойер Макфарланд

• JavaScript. Подробное руководство — David Flanagan

• JavaScript: The Good Parts. — Douglas Crockford • JavaScript and JQuery: Interactive Front-End Web

Development. — Jon Duckett

On-line курсы

htmlacademy.ru

codeacademy.com

codeschool.com

bit.ly/goit-w3c-htmlcss

English

puzzle-english.com

lingualeo.com/ru

Задачки

codewars.com

projecteuler.net

Freelance

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

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

Для всех

• Творчество/дизайн: цвет, форма и движение• Работа с текстами• Работа со шрифтами

Для гуманитариев

• Творчество/дизайн: цвет, форма и движение• Работа с текстами• Работа со шрифтами

Для гуманитариев

bit.ly/goit-css3-animation

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

Для технарей

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

Для технарей

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

Для технарей

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

Много браузеров

Desktop, tablets, mobile

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

развиваться

GitHub:https://github.com/pavlo-

yuriychuk/newsreader

goit.com.uavk.com/goITclubfacebook.com/

goITclub

GoITМы помогаем каждому достичь

образовательных и карьерных целей в IT.

Наша цель - создать бренд Украины как сильной IT страны!

Учебную программу пишут практикующие специалисты

Head of QA

Александр

Майданюк

Head of Java

Александр Баглай

Head of GoStart

Павел Медведе

в

Head of FrontEnd

Сергей Пузанков

Преподаватель-практик

Ментор 1 Ментор 2 Ментор 3

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

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

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

Серьезный отбор3 ключевых составляющих, необходимых для старта карьеры в ІТ:

Знание английского на уровне Intermediate

Технические навыки на уровне продвинутого пользователя/администратора

Мощнейшая внутренняя мотивация

Структура курса

Tech Skills 120 часов

Soft Skills 15 часов

Job15 часов

English 27 часов

177часов

Ваше трудоустройство — Цель №1

• Составим идеальное CV

• Даем рекомендации, учим продавать себя

• Тестовое собеседование

• Сareer Service

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

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

Курсы Front-EndHTML CSS

•1,5 месяца•3 900 грн

JavaScript

•3 месяца•7 800 грн

Advanced Front-End

•1,5 месяца•5 200 грн

При прохождении 1 курса – скидка 15% на следую

щий

Java Basic Course

4 месяцев

В течении 6 месяцев запускаются:

UI/UXAndroid iOS PM

GoStartQA

ManualQA

Automation+

ISTQB2 месяца 3 месяца 4 месяца

Есть!

ISTQB

2 месяца

goit.com.uavk.com/goITclubfacebook.com/

goITclub