Цель заброшена
Автор не отписывался в цели 3 года 6 месяцев 11 дней
Овладеть веб программистикой (разработкой) за год
Попытка овладеть веб программистикой в дополнение к веб дизайну. Расширить свои умения сверх того что дают в университете. Для того чтобы иметь возможность зарабатывать и найти то место которое интерсно именно мне, а не то что я могу себе позволить.
Вобще моя история до боли странна. В 2015 году влюбилась в мальчика. Хотела понравиться, а он программист. Начала изучать html, css.
2016 год. Начали встречаться, затянул в свои интересы. Научилась верстать, выучила ахрененно базу, но понимала что программистика это не мое. Забросила.
В 2018 году каким то образом меня занесло в дизайн. А так как я была знакома с версткой, то естественно в веб дизайн. Сначала тупила, а потом в один день ни с того ни с сего фотошоп стал мой дом родной.
2020 год. Вышла за того самого парня замуж. Поступила на факультет цифрового дизайна. Теперь нас будут учить html, css, js. Ну и естественно дизайну сайтов и приложений. Приходит осознание что основ мало и было бы классно уметь делать сайт от и до самостоятельно.
2020 год. Сентябрь. Пришло осознание того что я 5 лет откладывала следующий шаг. У меня в течении 5 лет были возможности изучить чуть больше чем основу, а я просто боялась. Три месяца сборов, несколько недель промывания собственных мозгов и борьбы со страхом сделать новый шаг и вот эта цель здесь. Я начинаю. Путь конечно абстрактный, многие вещи я еще не знаю от слова совсем. Но вчера я сама себе доказала что основы я знаю очень хорошо и хватит на кого-то надеяться, в том числе на мужа, пора двигаться дальше. Страшно, но пора.
План обучения html и css для начала
План обучения стыбзен с курса http://proglive.ru/courses/html5
- Размечать страницу при помощи новых семантических тегов HTML5: header, footer, aside, nav и других;
- Использовать новые поля ввода для создания автоматически валидируемых форм без JavaScript;
- Создавать восхитительные сайты используя новые возможности CSS3;
- Использовать тени, скругленные углы блоков без использования изображений;
- Создавать текстовые эффекты: вдавленный текст, неоновое свечение, эффект огня;
- Использовать на своих сайтах нестандартные загружаемые шрифты
- Создавать страницы, одинаково хорошо выглядящие на устройствах с разным разрешением экрана при помощи медиазапросов;
- Определять поддерживаются ли возможности HTML5/CSS3 в браузере пользователя с помощью библиотеки Modernizr;
- Создавать быстрые и современные сайты на основе шаблона HTML5 Boilerplate и css-фреймворка Twitter Bootstrap;
- Рисовать на холсте: создавать статическую 2d-графику и анимацию;
- Использовать встроенные возможности браузера для воспроизведения аудио и видео на веб-страницах;
- Определять местоположение пользователя при помощи средств геолокации.
Критерий завершения
Умение создать сайт с 0 (дизайна) до полного функционала (html, css, js, php)
Личные ресурсы
Полезные знакомства, обучение
Экологичность цели
Хорошее будущее, зарплата, возможность путешествовать и не быть привязанной к одному городу
-
Не заставляйте меня думать (Стив Круг)
-
Прочитать
-
Написать рецензию
-
-
Учебник по css
-
Что такое CSS3?
-
Новые псевдоклассы
-
Шрифты
-
Многостолбцовые макеты
-
Мобильные интерфейсы
-
Скругление углов и фон
-
Прозрачность, тени и градиенты
-
Трансформации
-
Переходы
-
-
Углубленный CSS 2.0
-
Почитать про препроцессоры (в основном SASS и LESS)
-
Выбрать первостепенный препроцессор
-
Ознакомиться с синтаксисом
-
Попробовать изменить уже готовый чистый CSS в препроцессор
-
Проверить новые знания на практике
-
-
Знакомство с PHP
-
Ознакомиться с основами PHP
-
Интеграровать базовые возможности в сайт
-
-
Углубленный PHP
-
Познакомиться с расширенными возможностями
-
Интегрировать что-то новое в сайт
-
-
Марафон HTML Academy Неделя 1
Заверстаю
-
Основы HTML & CSS теорияб практика
-
Структура HTML документа теория, практика
-
Разметка текста. Теория, практика
-
Ссылки и изображения теория, практика
-
Основы CSS теория, практика
-
Оформление текста теория, практика
-
Возможности HTML&CSS
-
Формы часть 1 и 2
-
Селекторы часть 1 теория, практика
-
Наследование и каскадирование теория, практика
-
Фоны часть 1
-
Селекторы часть 2
-
Блочная модель документа
-
Сетки
-
Флексбокс часть 1, 2
-
Позиционирование
-
CSS-фильтры
-
Рамки и фоны часть 2
-
Оформление текста часть 2
-
-
Познакомиться с библиотекой JQuery и фреймворком Vue.js
-
Изучить библиотеку JQuery
-
Изучить фреймворк Vue.js
-
С помощью фреймворка попробовать создать галерею, анимации
-
Попробовать написать сайт заново используя фреймворк как основу и стилизовать сайт с помощью препроцессора
-
-
Основы JS теория учебник
-
Синтаксис JavaScript
-
Типы данных
-
Переменные
-
Условные операторы
-
Циклы
-
Операторы перехода и обработка исключений
-
Объекты
-
Классы
-
Функции
-
Массивы
-
Регулярные выражения
-
-
Фреймворк
-
Изучить фреймворки Laravel, Yii и другие возможные
-
Выбрать основной для дальнейшей работы
-
Попробовать преобразовать код в выбранный фреймворк
-
-
Углубленый HTML&CSS
-
Познакомиться с новыми HTML тегами
-
Узнать новые методы CSS
-
Попробовать градиенты
-
Попробовать создавать анимации
-
Проверить новые полученные знания на практике
-
Прочитать учебник по HTML
-
Почитать учебник по CSS
-
Погуглить про флексы и гриды, изучить различия
-
-
Основы JS теория+практика learn js
-
Введение
-
Основы JS
-
Качество кода
-
Объекты: основы
-
Типы данных
-
Продвинутая работа с функциями
-
Свойства объекта, их конфигурация
-
Прототипы, наследование
-
Классы
-
Обработка ошибок
-
Промисы, async/await
-
Генераторы, продвинутая интерация
-
Модули
-
Разное
-
-
Клиентский JS теория учебние
-
Использование JavaScript на веб-страницах
-
Объект Window
-
Работа с DOM-моделью
-
Взаимодействие JavaScript и CSS
-
Обработка событий
-
Типы событий
-
Cookies
-
-
JavaScript и HTML5 теория учебник
-
Web Storage API
-
Геолокация
-
История посещений
-
Автономные приложения
-
Фоновые вычисления
-
Работа с файлами
-
Веб-сокеты
-
HTML5 Canvas
-
-
Учебник по HTML
-
Введение в HTML5
-
Веб формы
-
Аудио и видео
-
Canvas
-
Web storage API и file API
-
Автономные приложения
-
Взаимодействие с веб сервером
-
Geolocation API, Web Workers и другие средства
-
-
Изучить стандарты
-
ARIA
-
RDFa
-
Микроформаты (hCard, hCalender)
-
-
Марафон HTML Academy Неделя 2
-
Посмотреть макет
-
Распланировать исполнение
-
У тебя должна быть выполнена HTML-разметка всех элементов на странице. Не забывай про семантику (https://tml.io/54u2a): каждый тег должен б
-
Не забудь про стилизацию. Рекомендую выполнять её в одном стилевом файле.
-
Подключи правильные шрифты: должны совпадать размеры, высота строк, цвет и толщина.
-
Раскладка блоков на странице должна быть сделана с помощью флексбоксов. Для этого тебе, возможно, стоит ещё раз повторить главы «Флексбокс,
-
Каждая статья из раздела «Все статьи» на главной должна вести на страницу статьи. А якорные ссылки в навигации должны вести на соответствующ
-
Должна быть реализована простая валидация форм: имя и email — обязательные поля, минимальная длина сообщения — 10 символов, максимальная — 2
-
Кнопка «Выбрать тему» на главной странице должна быть свёрстана как выпадающий список, где варианты — это все теги статей, представленных в
-
Довести до идеала
-
-
Создать сайт интересный для меня
Может быть портфолио, может быть магазин, а может просто какую то страничку. Кто знает куда меня за это время занесет...
- 2057
- 13 сентября 2020, 12:18
Не пропустите новые записи!
Подпишитесь на цель и следите за ее достижением