Web Developer Way
61 subscribers
37 photos
3 videos
3 files
150 links
@aymkin way to become a web developer
Download Telegram
Счастье есть!

В этом может убедится каждый, кто за один день впервые попробовал:
* испльзовать методы map, reduce, filter, every, some
* в решениях задач использовал регулярные выражения
* смог написать функцию, использующую каррирование
* без подсказки пишет функции типа
const urlSlug = (title) => title.toLowerCase().trim().split(/\W\s*/).join('-');
Quokka.js - запускает код в фоне сразу по мере ввода и отображает различные результаты выполнения прямо в редакторе кода.

https://quokkajs.com/
Если вы вдруг занимаетесь по туториалу Коттанов, то настоятельно рекомендую перед Algorithm Scripting Challenges в разделе JavaScript Basics изучить Регулярные выражения. Без них переходить за красную черту нет смысла.

https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/regular-expressions
Основы функционального программирования JS:
- читсые функции (детерминированные и без побочных эффектов)
- неизменяемость входных параметров функции (иммутабельность данных)
- использование функций выслего порядка (функции, которые в качестве параметров принимают другие функции)
- использование методов массива вместо for (forEach, map, every, some, reduce, filter...)
- стрелочные функции (стрелочный синтаксис)

Чуть больше тут: https://youtu.be/AKzrO5y0B2E
и тут: https://proglib.io/p/fp_basics/
Есть шансы прокачать скилы от напрямую от профессионалов:
@itkpi_mentor_bot
Студенты и профессионалы не понимают друг друга... Что я имею ввиду?

1. Во время обучения мы проходим через "семь" кругов ада: зазубривание, повторение, понимание, осмысление, вспоминание, применение. Чередование теории и практики, потом их смешивание необходимо, поскольку усвоение у каждого происходит по разному. Чем больше нейронных связей в этой области, тем лучше застревают новые знания.

2. У профессионалов нейронных связей много, у новичков - мало. Поэтому и сама механника запоминания - разная. Поэтоу профи, обучая новичка, ожидает от него слишком многого. Профи: "И вообще, что тут не понятного?". Новичек:"Все". Профи не понимает как возможно не понимать "такие простые вещи".

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

4. Учеба должна быть совместной, групповой. Каждый твой "сосед" или подтягивет тебя или подтягивешь ты его. Причем пользу от этого получают сразу все: и турник и тот, кто на нем подтягивается.

Спасибо сообществу Коттанов, которые помогают таким образом друг другу.
=(^-^)=
Согласно исследованию Spotify, проведенному в 2014 году, 61% людей слушают музыку во время работы - в основном, чтобы оставаться сосредоточенным и заглушать окружающий шум.

Музыка для кодеров тут https://www.youtube.com/freecodecamp/live
Статья о стриме музыки freeCodeCamp: https://medium.freecodecamp.org/introducing-24-7-freecodecamp-radio-chill-tunes-you-can-code-to-dbae61681cf0
Разработчики в [easyms](@easymsnews) для мобильной версии использовали preact

Скорость работы веб приложения на уровне нативного, то есть очень-очень быстро.
Молитва вайтишника

Никто не рождается умным. Все мы начинаем с нуля.
Не умеем разговаривать, не умеем ходить и, конечно, не знаем алгебры.
Сложение, чтение, умение писать, ездить на велосипеде - все мы дилетанты, когда делаем это впервые.
Было время когда Энштейн не умел считать до 10 и Шекспир должен был выучить первые буквы, как и все мы.
К счастью, мы рождены учится. Медленно, спотыкаясь, подскальзываясь, двигаться, падать и делать ошибки, и снова падать. Разовчарование, смущение, попытки, борьба...
Пока однажды вы не пойдете. Шаг за шагом, одна идея за другой...
Каждый неправильный ответ делает наш мозг чуточку сильнее.
Неудача - всего лишь одно из слов, которое означает развитие. И вы, просто продолжайте. Это обучение. Понймите же наконец, что у вас получится, даже если пока что-то не получается.
Потому что самые красивые, самые сложные вещи во вселенной основоаны на простых вещах, которые каждый может выучить и понять.
Кто бы вы ни были, где бы вы ни были - вы должны знать только одну вещь: ВЫ МОЖЕТЕ ВЫУЧИТЬ ВСЕ ЧТО УГОДНО.


Источник: https://www.khanacademy.org/talks-and-interviews/conversations-with-sal/a/the-learning-myth-why-ill-never-tell-my-son-hes-smart
"Я застрял, хуже и быть не может, просто стена какая-то, топчусь на месте, сколько дней нет никакакого результата!" — Подумал я в в который раз, причем каждый предыдущий я был на ступень ниже)

Молитва вайтишника помогает погасить отчаяние, вдохнуть еще раз, сделать пару шагов назад и кинутся на амбразуру знаний своими неокрепшими мозгами.

Курс по ООР на Udacity меня бросил в бездну. На протяжении каждого урока понял чуть более чем ничего. Финальный проект курса вообще не могу стартовать (https://github.com/udacity/frontend-nanodegree-arcade-game#instructions).

А это значит, что нужно остановится и пройтись по основам создания объектов, деструкцтя данных, манипуляции с ключами и значениями, методы конструктора Object:
1. https://www.khanacademy.org/computing/computer-programming/programming#objects
2. https://github.com/azat-io/you-dont-know-js-ru/blob/master/this%20%26%20object%20prototypes/README.md#you-dont-know-js-this--object-prototypes
3. https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Object
Отзывы / оценки изучения ООП из предыдущего поста:
1. Khan Academy - довольно хорош, зачет
2. The book YDKJS - расчитана на адвансовый уровень, мне сейчас не зашла, осилил полкниги за полдня
3. MDN Mozilla - крутейший ресурс по объектам

Дополнительно:
Видос на 40 минут: https://youtu.be/vDJpGenyHaA
Начал изучать оффлайн веб приложния, причем начал с безудержного смеха на 30-ой секунде)
https://www.youtube.com/watch?time_continue=60&v=e0FjFoyKmtQ
VScode в очередной раз приятно удивляет...

С одним товарищем @welldanov пару раз кодили вместе. Каждый раз трудности, поскольку мы в разных городах, а код писать хотим одновременно в одном месте. Google Doc для кодеров изобрели уже?

Оказывается таки да! Причем довольно мощное решение.

* можно кодить в одни и те же файлы нескольким кодером одновременно
* можно использовать разные IDE
* шарить терминал друг другу
* даже звонить через VScode
* многое другое

https://visualstudio.microsoft.com/ru/services/live-share/
Прошел отбор на оналйн курсы по фронтэнду из ЕПАМа
Пользуюсь Ubuntu 19.04 (с GNOM) уже вторую неделю вместо Linux Mint 19.1 (MATE) и не могу нарадоваться.

Система более красивая, интуитивно понятна, в целом более функциональна. IMHO
На последних этапах курса Коттанов одолевают меня трудности...

Потом подумал: мое ли это? Смогу ли я? Может не судьба?

Потом вспомнил: "Судьба — очень удобное слово для тех, кто никогда не принимает решений!" © Джоди Фостер

Через 20 минут забронировал билеты в Киев и обратно, чтоб попасть на ивент https://dou.ua/calendar/27555/

@tioma_z если что можно встретится попить прохладной минеральной воды) у меня будет 30 минут до ивента и час после.

Запомните, если какой-то, с вашей точки зрения, жоский тип, предлагает вам бесплатно встретиться и пообщаться — надо немедленно пользоваться этой возможностью. Час-два времени и немного денег на кафе такое общение гарантированно окупит.

А ты?
Прямо сейчас пытаюсь пройти в интренатуру компании Provectus в Одессе.
https://careers.provectus.com/internship/

Тестовое задание сосотит из трех частей:

1. Сверсать по макету с нуля, использовать любые досупные методы, сделать адаптивную верстку

2. Написать метод, который из массива объектов фильтрует релевантыне объекты. Этот массив нужно получить GET запросом из интернета. Отфильтрованный массив использовать для отображения на сверстанном макете из первого пункта.

3. Создать SPA (singl page application) на React.js для отображения данных из первых двух пунктов. Добавить к приложению еще одну страницу с формой, которая POST запросом отправляет данные на мок сервер в интернете.


Сделал все три пункта, только без реакта, использовал голый JS, сейчас учу туториалы чтоб натянуть это все на реакт. Есть время еще сегодня и завтра чтоб сдать задание.

Посмотрел в БД на мок сервере, так там POST запросов не много, примерно от 4-6 человек вместе со мной, что конечно (гипотетически) увеличивает мои шансы попасть в интрнатуру)

https://github.com/aymkin/provectus
https://aymkin.github.io/provectus/
Результаты проверки заданий по интернатуре в Provectus будут готовы до 16 июля. А пока продолжаю онлайн курс в EPAM.
Сейчас готовлюсь выполнять пятое домашнее задание "Responsive", цель которого сверстать макет сайта на чистом CSS в соответствии с предотсавленным дизайном. Дизайн в нашем случае это несоклько картинок PNG, демострирующие layout страниц.

Планирую это задание выполнить преимущественно при помощи CSS Grid, по необходимости дополняя Flexbox CSS. В понедельник покажу результат работы.

Кстати крутой курс по Grid CSS https://cssgrid.io/