1

Этап 1

Не заставляйте меня думать (Стив Круг)

23 октября—23 октября

2

Этап 2

Учебник по css

3

Этап 3

Углубленный CSS 2.0

4

Этап 4

Знакомство с PHP

5

Этап 5

Углубленный PHP

6

Этап 6

Марафон HTML Academy Неделя 1

7

Этап 7

Познакомиться с библиотекой JQuery и фреймворком Vue.js

31 декабря—31 января

8

Этап 8

Основы JS теория учебник

31 декабря—29 апреля

9

Этап 9

Фреймворк

01 апреля—31 мая

10

Этап 10

Углубленый HTML&CSS

29 ноября—31 декабря

11

Этап 11

Основы JS теория+практика learn js

12

Этап 12

Клиентский JS теория учебние

13

Этап 13

JavaScript и HTML5 теория учебник

14

Этап 14

Учебник по HTML

15

Этап 15

Изучить стандарты

16

Этап 16

Марафон HTML Academy Неделя 2

17

Этап 17

Создать сайт интересный для меня

1

Этап 1

Не заставляйте меня думать (Стив Круг)

23 октября—23 октября

7

Этап 7

Познакомиться с библиотекой JQuery и фреймворком Vue.js

31 декабря—31 января

9

Этап 9

Фреймворк

01 апреля—31 мая

2

Этап 2

Учебник по css

3

Этап 3

Углубленный CSS 2.0

4

Этап 4

Знакомство с PHP

5

Этап 5

Углубленный PHP

6

Этап 6

Марафон HTML Academy Неделя 1

11

Этап 11

Основы JS теория+практика learn js

12

Этап 12

Клиентский JS теория учебние

13

Этап 13

JavaScript и HTML5 теория учебник

14

Этап 14

Учебник по HTML

15

Этап 15

Изучить стандарты

16

Этап 16

Марафон HTML Academy Неделя 2

17

Этап 17

Создать сайт интересный для меня

8

Этап 8

Основы JS теория учебник

31 декабря—29 апреля

10

Этап 10

Углубленый HTML&CSS

29 ноября—31 декабря

13 сентября 2020 31 декабря 2021
Цель просрочена на 1040 дней

Цель заброшена

Автор не отписывался в цели 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)

 Личные ресурсы

Полезные знакомства, обучение

 Экологичность цели

Хорошее будущее, зарплата, возможность путешествовать и не быть привязанной к одному городу

  1. Не заставляйте меня думать (Стив Круг)

    1. Прочитать

    2. Написать рецензию

  2. Учебник по css

    1. Что такое CSS3?

    2. Новые псевдоклассы

    3. Шрифты

    4. Многостолбцовые макеты

    5. Мобильные интерфейсы

    6. Скругление углов и фон

    7. Прозрачность, тени и градиенты

    8. Трансформации

    9. Переходы

  3. Углубленный CSS 2.0

    1. Почитать про препроцессоры (в основном SASS и LESS)

    2. Выбрать первостепенный препроцессор

    3. Ознакомиться с синтаксисом

    4. Попробовать изменить уже готовый чистый CSS в препроцессор

    5. Проверить новые знания на практике

  4. Знакомство с PHP

    1. Ознакомиться с основами PHP

    2. Интеграровать базовые возможности в сайт

  5. Углубленный PHP

    1. Познакомиться с расширенными возможностями

    2. Интегрировать что-то новое в сайт

  6. Марафон HTML Academy Неделя 1

    Заверстаю

    1. Основы HTML & CSS теорияб практика

    2. Структура HTML документа теория, практика

    3. Разметка текста. Теория, практика

    4. Ссылки и изображения теория, практика

    5. Основы CSS теория, практика

    6. Оформление текста теория, практика

    7. Возможности HTML&CSS

    8. Формы часть 1 и 2

    9. Селекторы часть 1 теория, практика

    10. Наследование и каскадирование теория, практика

    11. Фоны часть 1

    12. Селекторы часть 2

    13. Блочная модель документа

    14. Сетки

    15. Флексбокс часть 1, 2

    16. Позиционирование

    17. CSS-фильтры

    18. Рамки и фоны часть 2

    19. Оформление текста часть 2

  7. Познакомиться с библиотекой JQuery и фреймворком Vue.js

    1. Изучить библиотеку JQuery

    2. Изучить фреймворк Vue.js

    3. С помощью фреймворка попробовать создать галерею, анимации

    4. Попробовать написать сайт заново используя фреймворк как основу и стилизовать сайт с помощью препроцессора

  8. Основы JS теория учебник

    1. Синтаксис JavaScript

    2. Типы данных

    3. Переменные

    4. Условные операторы

    5. Циклы

    6. Операторы перехода и обработка исключений

    7. Объекты

    8. Классы

    9. Функции

    10. Массивы

    11. Регулярные выражения

  9. Фреймворк

    1. Изучить фреймворки Laravel, Yii и другие возможные

    2. Выбрать основной для дальнейшей работы

    3. Попробовать преобразовать код в выбранный фреймворк

  10. Углубленый HTML&CSS

    1. Познакомиться с новыми HTML тегами

    2. Узнать новые методы CSS

    3. Попробовать градиенты

    4. Попробовать создавать анимации

    5. Проверить новые полученные знания на практике

    6. Прочитать учебник по HTML

    7. Почитать учебник по CSS

    8. Погуглить про флексы и гриды, изучить различия

  11. Основы JS теория+практика learn js

    1. Введение

    2. Основы JS

    3. Качество кода

    4. Объекты: основы

    5. Типы данных

    6. Продвинутая работа с функциями

    7. Свойства объекта, их конфигурация

    8. Прототипы, наследование

    9. Классы

    10. Обработка ошибок

    11. Промисы, async/await

    12. Генераторы, продвинутая интерация

    13. Модули

    14. Разное

  12. Клиентский JS теория учебние

    1. Использование JavaScript на веб-страницах

    2. Объект Window

    3. Работа с DOM-моделью

    4. Взаимодействие JavaScript и CSS

    5. Обработка событий

    6. Типы событий

    7. Cookies

  13. JavaScript и HTML5 теория учебник

    1. Web Storage API

    2. Геолокация

    3. История посещений

    4. Автономные приложения

    5. Фоновые вычисления

    6. Работа с файлами

    7. Веб-сокеты

    8. HTML5 Canvas

  14. Учебник по HTML

    1. Введение в HTML5

    2. Веб формы

    3. Аудио и видео

    4. Canvas

    5. Web storage API и file API

    6. Автономные приложения

    7. Взаимодействие с веб сервером

    8. Geolocation API, Web Workers и другие средства

  15. Изучить стандарты

    1. ARIA

    2. RDFa

    3. Микроформаты (hCard, hCalender)

  16. Марафон HTML Academy Неделя 2

    1. Посмотреть макет

    2. Распланировать исполнение

    3. У тебя должна быть выполнена HTML-разметка всех элементов на странице. Не забывай про семантику (https://tml.io/54u2a): каждый тег должен б

    4. Не забудь про стилизацию. Рекомендую выполнять её в одном стилевом файле.

    5. Подключи правильные шрифты: должны совпадать размеры, высота строк, цвет и толщина.

    6. Раскладка блоков на странице должна быть сделана с помощью флексбоксов. Для этого тебе, возможно, стоит ещё раз повторить главы «Флексбокс,

    7. Каждая статья из раздела «Все статьи» на главной должна вести на страницу статьи. А якорные ссылки в навигации должны вести на соответствующ

    8. Должна быть реализована простая валидация форм: имя и email — обязательные поля, минимальная длина сообщения — 10 символов, максимальная — 2

    9. Кнопка «Выбрать тему» на главной странице должна быть свёрстана как выпадающий список, где варианты — это все теги статей, представленных в

    10. Довести до идеала

  17. Создать сайт интересный для меня

    Может быть портфолио, может быть магазин, а может просто какую то страничку. Кто знает куда меня за это время занесет...

  • 2057
  • 13 сентября 2020, 12:18
Регистрация

Регистрация

Уже зарегистрированы?
Быстрая регистрация через соцсети
Вход на сайт

Входите.
Открыто.

Еще не зарегистрированы?
 
Войти через соцсети
Забыли пароль?