Мета закинута
Автор не відписував в цілі 8 років 10 месяців 2 дня
Моя новая профессия - frontend-разработчик
План такой:
1. Поступить на курсы geekbrains на специальность "Верстальщик"
2. Изучить HTML, CSS и JavaScript
3. Найти возможность стажировки в реальной компании
4. Получение работы (желательно удаленной)
5. Ну и самообразование, конечно
В идеале хотелось бы работать менеджером интернет-проектов, но начать хочу с верстки
Критерій завершення
Получить работу frontend-разработчик
Особисті ресурси
Очень большой интерес к профессии, и главное, жизненная необходимость смены профессии, так как нынешняя скоро кормить перестанет
-
Поступить на курсы geekbrains на специальность "Верстальщик"
-
Пройти курс основы программирования в geekbrains
-
1 занятие
-
2 занятие
-
3 занятие
-
4 занятие
-
Сертификат
-
-
Пройти курс HTML и CSS в geekbrains
-
1 занятие Основные понятия в веб-разработке
-
2 занятие Основы языка разметки документов HTML
-
3 занятие Основы языка оформления стилей документа CSS
-
4 занятие Таблицы и табличная верстка
-
5 занятие Работа с макетом дизайна в формате PSD
-
6 занятие Верстка слоями (блочная верстка) - теория
-
7 занятие Верстка слоями (блочная верстка) - практика
-
8 занятие Стандарты web и вспомогательные инструменты
-
СЕРТИФИКАТ
-
-
Сверстать одностраничный макет
-
Сверстать макет на несколько страниц
-
Базовый курс в HTML academy
Буду проходить параллельно с GeekBrains, чтобы залатать дыры в знаниях. Тем более, в отличии от Geek, этим я могу заниматься по дороге домой
-
Курс "Знакомство"
-
Структура HTML-документа
-
Разметка текста с помощью HTML
-
Ссылки и изображения
-
Знакомство с таблицами
-
Знакомство с формами
-
Знакомство с CSS
-
Селекторы
-
Наследование и каскадирование
-
Промежуточные испытания
-
Оформление текста с помощью CSS
-
Блочная модель документа
-
Позиционирование
-
Сетки
-
Фоны
-
Мастерская: создаём меню
-
Мастерская: декоративные элементы
-
Завершающие испытания
-
-
Курс JavaScript в geekbrains
начало 10 декабря --> перенос на 20 января 2016
-
Прочитать книгу Д. Вельгошика "Как верстать на HTML5 и CSS3"
-
Сайты и Лего
-
Делаем наш первый сайт
-
Особенности идеального HTML-кода
-
Упражнение: верстаем пост блога
-
Визуальный сайт в CSS3
-
Меню, пожалуйста
-
Понимание селекторов CSS
-
Время для итогов
-
Формы в HTML5
-
Разница между <div> и <span>
-
Дополнения форм
-
Многоколоночный макет
-
Что дальше?
-
-
Jquery
Где пока не знаю
-
Курс HTML5 и CSS3 в Geekbrains
-
1 занятие HTML5
-
2 занятие CSS3
-
3 занятие CSS3, часть 2
-
4 занятие CSS3, часть 3
-
5 занятие Современные инструменты веб-разработчика
-
6 занятие Less и Bootstrap
-
7 занятие Canvas и Video
-
8 занятие Новые возможности HTML5
-
Сертификат
-
-
PHP
Видеокурс PHP. Быстрый старт в GeekBrains.
Если пойдет, пройти курс -
Найти место для стажировки
-
Пройти курс JS на JavaScript.ru
-
Найти работу веб-верстальщиком
-
Основы SEO
-
Разобраться во Flexbox
Сверстать хотя бы простенький макет на флексах, чтобы почувствовать их
-
Основы дизайна сайтов
-
MySQL
-
Cистемы управления версиями (Git, SVN и т.д.);
-
Курс Git. Быстрый старт Инструмент командной разработки в Geekbrains
-
Git How To — интерактивный тур http://githowto.com/ru
-
-
Тренировки
Отрабатываю всякие мелочи, которые однозначно нужно уметь и однозначно придется делать
-
Сделать несколько кнопок и сохранить их как шаблоны на будущее
-
Потренироваться с формами и сохранить их как шаблоны
-
Тренируем списки с картинками вместо маркера
-
Потренироваться с блоками, пока слабовато
-
-
Разные мелочи и непонятки
Всякие штуки, которые попадаются в процессе обучения, но не всегда на них сразу есть время или пока они недоступны для понимания
-
Поразбираться с prefixfree ...например тут http://ruseller.com/lessons.php?rub=29&id=1323
-
normalize.css https://htmlacademy.ru/blog/64
-
трансформации блоков с помощью css масок https://viget.com/inspire/angled-edges-with-css-masks-and-transforms
-
Bootstrap
-
Справочник EMMET сокращений для ускорения верстки
-
LESS, SASS, SCSS видео http://geekbrains.ru/events/121 (основной упор на SASS, LESS вроде как устаревает)
-
-
Landing pages
Разобраться в вопросе
-
БЭМ
-
Быстрый старт https://ru.bem.info/
-
https://ru.bem.info/method/
-
Видео BEM на практике (Яндекс в гостях у Loftblog)
-
-
Продвинутые курсы от html academy
-
JS
-
learn.javascript.ru/
-
developer.mozilla.org/ru/docs/Web/JavaScript
-
freecodecamp.com/
-
codecademy.com
-
Прочитать книгу "Изучаем программирование JavaScript" Э.Фримен, Э.Робсон
-
-
Препроцессоры от html academy
-
Developer Tools - разобраться со всеми вкладками
-
Сверстать 5 макетов на несколько страниц
-
Выложить сайт на хостинг
-
Git
-
Зарегиться на github.com
-
Установить десктопную версию Github
-
Посмотреть обучающую видюху
-
Почитать хелпы
-
Посмотреть видео-семинар на geekbrains
-
-
Прочитать маниакальный учебник http://softwaremaniacs.org/blog/category/primer/
-
Посмотреть видео Уроки веб-разработки
-
Курс «Мастерская: создаём меню» в htmlacademy
-
Создаём вертикальное меню
-
Добавляем ссылки
-
Сбрасываем стили списка
-
Оформляем контейнер меню
-
Оформляем пункты, простой вариант
-
Более сложное оформление пунктов
-
Добавляем разделители
-
Оформляем состояния пунктов
-
Испытание: вертикальное меню
-
Многоуровневое вертикальное меню
-
Устраняем проблемы оформления
-
Переносим рамки, задаем отступы подменю
-
Оформляем пункты подменю
-
Тестируем на большой вложенности
-
Испытание: многоуровневое меню
-
Горизонтальное меню
-
Что делать, если пункты не влезают?
-
Усложненное оформление пунктов
-
Завершаем оформление пунктов
-
Испытание: горизонтальное меню
-
Вертикальное меню с выпадающим подменю
-
Позиционируем выпадающее подменю
-
Отображаем подменю при наведении
-
Горизонтальное меню с выпадающим подменю
-
Оформляем выпадающее меню
-
Включаем механизм выпадания
-
Состояние «открытое подменю»
-
Испытание: выпадающее меню
-
-
Open Server
-
Установить и настроить Open Server
-
Прочитать мануал
-
Не пропустіть нові записи!
Підпишіться на ціль і стежте за її досягненням
