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
Top Related