1

Step 1

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

23 October—23 October

2

Step 2

Учебник по css

3

Step 3

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

4

Step 4

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

5

Step 5

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

6

Step 6

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

7

Step 7

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

31 December—31 January

8

Step 8

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

31 December—29 April

9

Step 9

Фреймворк

01 April—31 May

10

Step 10

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

29 November—31 December

11

Step 11

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

12

Step 12

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

13

Step 13

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

14

Step 14

Учебник по HTML

15

Step 15

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

16

Step 16

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

17

Step 17

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

1

Step 1

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

23 October—23 October

7

Step 7

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

31 December—31 January

9

Step 9

Фреймворк

01 April—31 May

2

Step 2

Учебник по css

3

Step 3

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

4

Step 4

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

5

Step 5

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

6

Step 6

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

11

Step 11

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

12

Step 12

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

13

Step 13

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

14

Step 14

Учебник по HTML

15

Step 15

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

16

Step 16

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

17

Step 17

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

8

Step 8

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

31 December—29 April

10

Step 10

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

29 November—31 December

13 September 2020 31 December 2021
The goal is overdue by 1058 days
Details Briefly

Goal abandoned

The author does not write in the goal 3 years 6 months 29 days

Goal author

Анастасия Пуллинен

24 years old

Send message

Add to friends

Education

Овладеть веб программистикой (разработкой) за год

Попытка овладеть веб программистикой в дополнение к веб дизайну. Расширить свои умения сверх того что дают в университете. Для того чтобы иметь возможность зарабатывать и найти то место которое интерсно именно мне, а не то что я могу себе позволить.

Вобще моя история до боли странна. В 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-графику и анимацию;
  • Использовать встроенные возможности браузера для воспроизведения аудио и видео на веб-страницах;
  • Определять местоположение пользователя при помощи средств геолокации.

 Goal Accomplishment Criteria

Умение создать сайт с 0 (дизайна) до полного функционала (html, css, js, php)

 Personal resources

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

 Goal ecological compatibility

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

  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 теория учебник

    https://professorweb.ru/my/javascript/js_theory/level1/javascript_index.php

    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 теория учебние

    https://professorweb.ru/my/javascript/js_theory/level1/javascript_index.php

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

    2. Объект Window

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

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

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

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

    7. Cookies

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

    https://professorweb.ru/my/javascript/js_theory/level1/javascript_index.php

    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. Создать сайт интересный для меня

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

  • 2085
  • 13 September 2020, 12:18

The goal is in the group

Веб-дизайн

  • 933

    members

  • 1295

    goals
Sign up

Signup

Уже зарегистрированы?
Quick sign-up through social networks.
Sign in

Sign in.
Allowed.

Not registered yet?
 
Log in through social networks
Forgot your password?
Settings

Widget for your goal

Big (450×150 px)

Small (250×100 px)

To insert a widget on your website or blog, copy the code and embed it in the original html-code to your blog/site.

For PRO only

You can buy a PRO account, or get it for free by inviting 3 friends to SmartProgress

Invite friends

Raising
goals up

Buy PRO-account

Email for any cases

  • Maxim Malikov

    founder

  • Sergey Zakharov

    founder