1

Step 1

FreeCodeCamp. Javascript Algorithms And Data Structures Certification. Получу сертификат

12 May—10 June

2

Step 2

Научить пользоваться GitHub-ом.

08 June—17 June

3

Step 3

HTML, CSS. Responsive Web Design от https://freecodecamp.org

06 June—30 June

4

Step 4

Пройти курс от HTMLACADEMY "Профессиональный HTML и CSS, уровень 1"

02 July—06 July

5

Step 5

Front End Libraries Certification

6

Step 6

Бесплатные интерактивные курсы от HTMLAcademy

7

Step 7

Курс по JavaScript на Sololearn

8

Step 8

Язык программирования JavaScript. Часть 2 на learn.javascript.ru. Браузер: документ, события, интерфейсы

9

Step 9

Решить все задачи для закрепления JS

10

Step 10

Язык программирования JavaScript. Часть 1 на learn.javascript.ru

11

Step 11

Язык программирования JavaScript. Часть 3 на learn.javascript.ru

12

Step 12

React from Bob Ziroll [https://scrimba.com/g/glearnreact]

13

Step 13

Задания в школе RSSchool 2019Q3 2-stage

14

Step 14

React+Redux from RSSchool mentor https://www.youtube.com/playlist?list=PLNkWIWHIRwME_Gv2vlWAR6TfeSXylYfw4

15

Step 15

Сверстать себе портфолио на react.

16

Step 16

[Юрий Бура] React + Redux - Профессиональная Разработка (2019)

17

Step 17

Gatsby https://www.gatsbyjs.org/tutorial/

18

Step 18

Typescript

19

Step 19

RSSchool react-2020-Q1 Задания

20

Step 20

Material-UI

21

Step 21

NodeJS from RSSchool 2020Q1

22

Step 22

React. официальная документация

23

Step 23

Angular. Oficial documentation. Getting started

24

Step 24

FreeCodeCamp. Front End Libraries Certification. Получу сертификат

1

Step 1

FreeCodeCamp. Javascript Algorithms And Data Structures Certification. Получу сертификат

12 May—10 June

4

Step 4

Пройти курс от HTMLACADEMY "Профессиональный HTML и CSS, уровень 1"

02 July—06 July

2

Step 2

Научить пользоваться GitHub-ом.

08 June—17 June

3

Step 3

HTML, CSS. Responsive Web Design от https://freecodecamp.org

06 June—30 June

5

Step 5

Front End Libraries Certification

6

Step 6

Бесплатные интерактивные курсы от HTMLAcademy

7

Step 7

Курс по JavaScript на Sololearn

8

Step 8

Язык программирования JavaScript. Часть 2 на learn.javascript.ru. Браузер: документ, события, интерфейсы

9

Step 9

Решить все задачи для закрепления JS

10

Step 10

Язык программирования JavaScript. Часть 1 на learn.javascript.ru

11

Step 11

Язык программирования JavaScript. Часть 3 на learn.javascript.ru

12

Step 12

React from Bob Ziroll [https://scrimba.com/g/glearnreact]

13

Step 13

Задания в школе RSSchool 2019Q3 2-stage

14

Step 14

React+Redux from RSSchool mentor https://www.youtube.com/playlist?list=PLNkWIWHIRwME_Gv2vlWAR6TfeSXylYfw4

15

Step 15

Сверстать себе портфолио на react.

16

Step 16

[Юрий Бура] React + Redux - Профессиональная Разработка (2019)

17

Step 17

Gatsby https://www.gatsbyjs.org/tutorial/

18

Step 18

Typescript

19

Step 19

RSSchool react-2020-Q1 Задания

20

Step 20

Material-UI

21

Step 21

NodeJS from RSSchool 2020Q1

22

Step 22

React. официальная документация

23

Step 23

Angular. Oficial documentation. Getting started

24

Step 24

FreeCodeCamp. Front End Libraries Certification. Получу сертификат

12 May 2019 01 July 2020
Goal completed 22 June 2020

Goal author

Aynur

Russia, Новосибирск

General

Стать фронт-енд-разработчиком

Начальные условия

Я мама 3-х детей в затяжном декрете. Мне 33.

Чем бы я могла заниматься, чтоб в дальнейшем этим можно было и заработать?

Я выбрала 3 варианта из чего мне можно выбрать (на основании того, что я уже умею и хотела бы научиться): векторная графика, веб-дизайн, веб-разработка.

Прошла начальные бесплатные курсы по веб-дизайну. Поняла, что меня не прет. Порисовала вектор, акварелью. Воображение у меня очень не очень. И непонятно как его прокачивать. Воображение требуется и в рисунке. Попробовала фронтенд - пока нравится. И решила остановится на этом.

Проанализировав. почему меня занятул кодинг, я поняла, что это возвращает в некотором смысле меня в детство. Позднее детство и юношество. И вот почему:

1) В 8-классе я поступила в физмат школу, и закончила его почти отлично (все 5-ки по точным предметам, 4-ки по предметам гуманитарным). Любила матанализ и физику.

2) В университете я была в олимпиадной команде по электронике и радиотехническим цепям. Выиграла по электронике 3-е место в городской олимпиаде, и 2-место по радиотехническим цепям во Всероссийской олимпиаде.

....

Ну а потом случилась женитьба и затяжной декрет. Нет, я ни о чем не сожалею. У меня трое чудесных умных (не только по моему мнению) детей, своя усадьба, машина. Замужем я тоже счастлива, потому что мой муж настолько чудесный человек, что зарабатывает столько, что я сейчас могу заниматься чем хочу. И тратить на обучение некоторое время моей жизни.

 Goal Accomplishment Criteria

Заработала первые 50 тыс. руб навыками HTML, CSS, JavaScript

 Personal resources

intermediate english, физмат-школа, радиотехнический университет, свободное время 2 часа/день, наличие семьи, дома, машины, отсутствие кредитов.

 Goal ecological compatibility

Мне нравится:

решать задачи - технические, практические, с заковырками, щекочущими мозг;

автоматизировать процессы, чтоб меньше тратить время на рутину.

Также хочу жить с семьей и работать в свободном графике, получая удовольствие и от работы, и от общения с родными.

  1. FreeCodeCamp. Javascript Algorithms And Data Structures Certification. Получу сертификат

    1. Basic JavaScript
    2. ES6
    3. Regular Expressions
    4. Debugging
    5. Basic Data Structures
    6. Basic Algorithm Scripting
    7. Object Oriented Programming
    8. Functional Programming
    9. Intermediate Algorithm Scripting
    10. JavaScript Algorithms and Data Structures Projects
  2. Научить пользоваться GitHub-ом.

    1. 1 - 10 уроки 8 июня
    2. 10 - 25 уроки 9 июня
    3. 25 - 40 уроки 10 июня
    4. 40 - 51 уроки 11 июня
    1. Введение
    2. Едем дальше
    3. Перемещаем труды туда-сюда
    4. Сборная солянка
    5. Продвинутый уровень
    6. Push & Pull - удалённые репозитории в Git!
    7. Через origin – к звёздам. Продвинутое использование Git Remotes
    • Написать конспект по пройденной теме (статья, гайд, блог-запись) 11-12 июня 2019
  3. HTML, CSS. Responsive Web Design от https://freecodecamp.org

    1. Basic HTML and HTML5
    2. Basic CSS
    3. Applied Visual Design
    4. Applied Accessibility
    5. Responsive Web Design Principles
    6. CSS Flexbox
    7. CSS Grid
    8. Responsive Web Design Projects:
    • Build a Tribute Page
    • Build a Survey Form
    • Build a Product Landing Page
    • Build a Technical Documentation Page
    • Build a Personal Portfolio Webpage
    1. Сделать свой сайт-портфолио

    2. Изучить Mozilla WebDev. Нужен ли он?

    3. Установить SubLime или PhpStorm. Выбрать, что лучше. Усвоить горячие клавиши/быстрые вставки (ЕMMET?)

  4. Пройти курс от HTMLACADEMY "Профессиональный HTML и CSS, уровень 1"

    • Лекция 1: Вводный
    • Урок 2. Инструменты разработчика Chrome DevTools
    • Урок 3. Как сделать репозиторий из любого проекта
    • Урок 4. Как установить Git и работать в консоли
    • Урок 5. Откуда берутся конфликты и что с ними делать
    • Урок 6. Что делать, если всё пошло не так
    • Урок 7. Лекция 2: Разметка
    • Урок 8. Разметка каталога проекта «Барбершоп»
    • Урок 9.Разметка карточки товара проекта «Барбершоп»
    • Урок 10. Лекция 3: Фотошоп для верстальщика
    • Урок 11. Экспорт графики из Фотошопа
    • Урок 12. Лекция 4: Доступность
    • Урок 13. Доступная разметка страниц проекта "Барбершоп"
    • Урок 14. Лекция 5: CSS
    • Урок 15. Базовая стилизация карточки товара проекта «Барбершоп»
    • Урок 16. Базовая стилизация карточки товара проекта «Барбершоп»
    • Урок 17. Лекция 6: Сетки
    • Урок 18. Сетки карточки товара проекта «Барбершоп»
    • Урок 19. Сетки страницы каталога проекта «Барбершоп»
    • Урок 20. Декоративные элементы
    • Урок 21. Оформление контента
    • Урок 22. Введение в JavaScript
    • Урок 23. Лучшие практики
    • Урок 24. Как не потеряться на рынке труда
    • Урок 25. Инструменты разработчика
    • Урок 26. Использование Emmet
    1. Сверстать barbershop

    2. Сверстать gllacy

  5. Front End Libraries Certification

    1. Bootstrap
    2. jQuery
    3. Sass
  6. Бесплатные интерактивные курсы от HTMLAcademy

    1. Начальный уровень Знакомство с HTML и CSS

    2. Начальный уровень Основы HTML

    3. Начальный уровень Основы CSS

    4. Начальный уровень Основы JavaScript

    5. Начальный уровень Основы SVG

    6. Средний уровень Построение сеток

    7. Средний уровень Декоративные эффекты

    8. Средний уровень Оформление текста

    9. Средний уровень Мастерские

  7. Курс по JavaScript на Sololearn

    пока отдыхаю от компьютера или не имею доступа к нему, на планшете в приложении

    1. Введение

    2. Основные понятия

    3. Условия и циклы

    4. Функции

    5. Объекты

    6. Предопределенные объекты

    7. DOM и события

    8. ESMAScripe 6

  8. Язык программирования JavaScript. Часть 2 на learn.javascript.ru. Браузер: документ, события, интерфейсы

    Документ

    Введение в события

    Интерфейсные события

    Формы, элементы управления

    Загрузка документа и ресурсов

    Разное

  9. Решить все задачи для закрепления JS

    1. http://www.codewars.com/kata/opposite-number

    2. http://www.codewars.com/kata/basic-mathematical-operations

    3. http://www.codewars.com/kata/printing-array-elements-with-comma-delimiters

    4. http://www.codewars.com/kata/transportation-on-vacation

    5. http://www.codewars.com/kata/get-the-middle-character

    6. http://www.codewars.com/kata/partition-on

    7. http://www.codewars.com/kata/word-count

    8. http://www.codewars.com/kata/remove-first-and-last-character-part-two

    9. http://www.codewars.com/kata/implement-a-filter-function

    10. http://www.codewars.com/kata/prefill-an-array

    11. http://www.codewars.com/kata/cross-product-of-vectors

    12. http://www.codewars.com/kata/sequence-generator-1

    13. https://www.codewars.com/kata/base-conversion/

    14. http://www.codewars.com/kata/closures-and-scopes

    15. http://www.codewars.com/kata/a-function-within-a-function

    16. http://www.codewars.com/kata/can-you-keep-a-secret

    17. http://www.codewars.com/kata/using-closures-to-share-class-state

    18. http://www.codewars.com/kata/a-chain-adding-function

    19. http://www.codewars.com/kata/function-cache

    20. http://www.codewars.com/kata/function-composition

    21. http://www.codewars.com/kata/function-composition-1

    22. http://www.codewars.com/kata/stringing-me-along

    23. http://www.codewars.com/kata/i-spy

    24. http://www.codewars.com/kata/calculating-with-functions

    25. http://www.codewars.com/kata/santaclausable-interface

    26. http://www.codewars.com/kata/new-with-apply

    27. http://www.codewars.com/kata/extract-nested-object-reference

    28. http://www.codewars.com/kata/array-helpers

    29. http://www.codewars.com/kata/replicate-new

    30. http://www.codewars.com/kata/sum-of-digits-slash-digital-root/

    31. http://www.codewars.com/kata/fun-with-es6-classes-number-2-animals-and-inheritance

    32. http://www.codewars.com/kata/fun-with-es6-classes-number-3-cuboids-cubes-and-getters

    33. http://www.codewars.com/kata/lazy-evaluation

    34. http://www.codewars.com/kata/tail-recursion-with-trampoline

    35. http://www.codewars.com/kata/functional-sql

    36. http://www.codewars.com/kata/can-you-get-the-loop

  10. Язык программирования JavaScript. Часть 1 на learn.javascript.ru

    Введение

    Основы JavaScript

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

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

    Типы данных

    Рекурсия и стек

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

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

    1. Прототипное наследование
    2. F.prototype
    3. Встроенные прототипы
    4. Методы прототипов, объекты без свойства __proto__

    Классы

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

    1. Обработка ошибок, "try..catch"
    2. Пользовательские ошибки, расширение Error

    Промисы, async/await

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

    Модули

    Разное

    1. Задача Morse-decoder

    2. Задача brackets

    3. Задача zeros

    4. Задача expression-calculator

    5. Задача multiply

    6. Задача tic-tac-toe

    7. Задача guession-game

    8. Задача finite-state-machine

    9. Задача double-linked-list

    10. Задача js-edu

    11. Задача priority-queue

    12. Задача tic-tac-toe

  11. Язык программирования JavaScript. Часть 3 на learn.javascript.ru

    Фреймы и окна

    Бинарные данные и файлы

    Сетевые запросы

    Хранение данных в браузере

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

    Анимация

    Веб-компоненты

    CSS для JavaScript-разработчика

  12. React from Bob Ziroll [https://scrimba.com/g/glearnreact]

    01. Course Introduction & Learning Philosophy

    02. What we'll be building

    03. OUT NOW: The React Bootcamp

    04. Why use React

    05. ReactDOM & JSX

    06. ReactDOM & JSX Practice

    07. React Functional Components

    08. React Functional Components Practice

    09. OUT NOW: The React Bootcamp

    10. Move Components into Separate Files

    11. React Parent/Child Components

    12. React Parent/Child Component Practice

    13. React Todo App - Phase

    14. Styling React with CSS Classes

    15. Some Caveats

    16. JSX to JavaScript and Back

    17. React Inline Styles with the Style Property

    18. React Todo App - Phase 2

    19. React Props Part 1: Understanding the Concept

    20. React Props Part 2: Reusable Components

    21. React Props

    22. React Props and Styling Practice

    23. Mapping Components in React

    24. Mapping Components Practice

    25. React Todo App: Phase 3

    26. Class-based Components

    27. Class-based Components Practice

    28. React State

    29. React State Practice

    30. React State Practice

    31. React Todo App: Phase

    32. Handling Events in React

    33. React Todo App: Phase 5

    34. React setState: Changing the State

    35. React Todo App: Phase 6

    36. React Todo App: Phase 6.1

    37. React Lifecycle Methods Part 1

    38. React Lifecycle Methods Part 2

    39. Lifecycle Methods Part 3 - componentDidUpdate

    40. React Conditional Render

    41. React Conditional Render Part 2

    42. React Conditional Render Practice

    43. React Todo App: Phase 7

    44. Fetching data from an API with React

    45. React Forms Part 1

    46. React Form Part 2

    47. React Form Practice

    48. React Container & Component Architecture

    49. React Meme Generator Capstone Project

    50. Writing Modern React Apps

    51. Hooks Intro1:44

    52. useState() Part 1 - Creating State7:18

    53. useState() Part 2 - Changing State7:45

    54. useEffect() Part 18:01

    55. useEffect() Part 210:16

    56. React Project Ideas for Practicing0:43

    57. Conclusion - React Tutorial

  13. Задания в школе RSSchool 2019Q3 2-stage

    1. codewars

    2. codejam-image-api

    3. codejam-palette

    4. portfolio

    5. repair-design-project

    6. theyallow

    7. codejam-virtual-keyboard

    8. fancy-weather

    9. CoreJS 100 задача

    10. Interview-coreJS https://github.com/rolling-scopes-school/tasks/blob/master/tasks/interview-corejs.md

    11. piskel animation

  14. React+Redux from RSSchool mentor https://www.youtube.com/playlist?list=PLNkWIWHIRwME_Gv2vlWAR6TfeSXylYfw4

    React & Redux #0 Введение в курс (Introduction)

    React & Redux #1 Плагины и окружение (Plugins & Environment)

    React & Redux #2 Компоненты (Components)

    React & Redux #3 Локальный стейт (State)

    React & Redux #4 Пропсы и их валидация (Props & PropTypes. Part I)

    React & Redux #5 Пропсы и их валидация (Props & PropTypes. Part II)

    React & Redux #6 События (Handling Events)

    React & Redux #7 Условный рендеринг (Conditional Rendering)

    React & Redux #8 Списки и ключи (Lists & keys)

    React & Redux #9 Фрагменты и стили (Fragments & CSS)

    React & Redux #10 Формы (Forms)

    React & Redux #11 Методы жизненного цикла (Lifecycle methods)

    React & Redux #12 Ссылки (Refs)

    React & Redux #13 Компоненты высшего порядка (High Order Components)

    React & Redux #14 Порталы (Portals)

    React & Redux #15 Контекст (Context)

    React & Redux #16 Работа с реальным API (React: work with API. Part I)

    React & Redux #17 Работа с реальным API (React: work with API. Part II)

    React & Redux #18 Роутер (React router. Part I)

    React & Redux #19 Роутер (React router. Part II)

    React & Redux #20 Введение в Редакс (Redux Introduction)

    React & Redux #21 Приложение и Редакс модули (Application & Redux - modules)

    React & Redux #22 Список дел на Реакт и Редакс (ToDo Application: React & Redux. Part I)

    React & Redux #23 Список дел на Реакт и Редакс (ToDo Application: React & Redux. Part II)

    React & Redux #24 Список дел на Реакт и Редакс (ToDo Application: React & Redux. Part III)

    React & Redux #25 Анимации (React Animations)

  15. Сверстать себе портфолио на react.

    1. нарисовать, хотя бы на бумажке, расположение компонентов

    2. сделать SPA

  16. [Юрий Бура] React + Redux - Профессиональная Разработка (2019)

    очень хвалят

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

    2. 2. ECMAScript 2019

    3. 3. Основы React

    4. 4. Состояние компонентов и обработка событий

    5. 5. Заканчиваем Todo App

    6. 6. Работа с сервером

    7. 7. Жизненный цикл компонентов

    8. 8. Паттерны React

    9. 9. React Hooks

    10. 10. React Router

    11. 11. Redux

    12. 12. Разработка Redux приложения

    13. 13. Сборка React приложений - Babel

    14. 14. Сборка React приложений - WebPack

  17. Gatsby https://www.gatsbyjs.org/tutorial/

    1. Просмотреть видео-урок https://www.youtube.com/watch?v=8t0vNu2fCCM

  18. Typescript

  19. RSSchool react-2020-Q1 Задания

    1. Songbird https://github.com/rolling-scopes-school/tasks/blob/master/tasks/songbird.md

    2. Culture portal https://github.com/rolling-scopes-school/tasks/blob/master/tasks/codejam-culture-portal.md

    3. DataGrid https://github.com/cardamo/tasks/blob/patch-1/tasks/datagrid.md

  20. Material-UI

    для задания школы RSSchool

    Использована в https://belarus-writers.netlify.com/

  21. NodeJS from RSSchool 2020Q1

    1. Task 1. Caesar cipher CLI tool

    2. Task 2. Express REST service

    3. Task 3. Logging & Error Handling

    4. Task 4. Database MongoDB

    5. Task 5 Authentication and JWT

  22. React. официальная документация

    Основные понятия

    Продвинутые темы

    FAQ

  23. Angular. Oficial documentation. Getting started


    1. Setup

    2. Angular concepts

    3. Angular Glossary

    4. Try it

    5. Tutorial: Tour of Heroes

  24. FreeCodeCamp. Front End Libraries Certification. Получу сертификат

    Bootstrap

    jQuery

    Sass

    React

    Redux

    React and Redux

  • 8169
  • 12 May 2019, 15:50
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?