Обложка канала

Становление Героя Фронтенда. Страница 3

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

  • Становление Героя Фронтенда

    Всем привет. Как и обещал расскажу как тут у меня дела.

    Всё течет и меняется и уже в феврале будущего года я наконец то уйду с текущего места работы (что на 2 года раньше, чем планировал), а значит уже осенью начну ходить по собеседованиям и искать себе место.

    В планах есть пойти на местные офлайн курсы по React так-же осенью, после которых обещают оплачиваемую стажировку, возможно на работу фронтенд разработчиком попаду так.

    Самое главное, что лёд тронулся, каналу 15 июня было 2 года, моему становлению чуть больше, но теперь надо поднажать, времени на раскачку больше нет 🙂

    До середины осени хочу выучить TypeScript, разобраться с тестированием интерфейсов, доделать PWA приложение Workout (оно работает, сам им активно пользуюсь, но показывать в портфолио пока стесняюсь), запустить свой сайт для другого телеграм канала (от покупки домена до деплоя), написать что-то небольшое на NodeJS для опыта и конечно нарешать как можно больше задач для собеседований.

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

    Спасибо что прочитали, если есть вопросы задавайте в чат, обсудим.
    Если есть что посоветовать, так же жду в чате 🙂
  • Становление Героя Фронтенда

    Всем привет! У меня много изменений в планах на учёбу и работу, планирую написать об этом большой пост в скором времени и возобновлю появление контента на канале.

    Сейчас хотел поделиться своим первым расширение для Chrome в Интернет-магазине Chrome: https://chrome.google.com/webstore/detail/pomodoro-clock/pfbgmmjloigajfgnfmgmdbafaedpmlml

    Возникло желание наконец-то сделать что-то чем будут пользоваться люди.

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

    Кому неинтересно, всё-равно спасибо за ваше внимание. Канал не заброшен, скоро будет много интересного, не переключайтесь 😁
  • Становление Героя Фронтенда

    Друзья, я тут имел честь познакомиться с react-router-dom. Это библиотека, которая решает вопросы навигации (изменения url без перезагрузки) в Single Page Application на React. Оказалась очень простая и полезная штука.

    Если у вас возникнет необходимость в её использовании (а она рано или поздно возникнет) рекомендую изучить её сразу на примерах https://reacttraining.com/react-router/web/example/basic

    По ссылке рассмотрены все базовые варианты применения и вопросов практически не должно остаться. Если что пишите в наш чат, будем разбираться вместе.
  • Реклама

  • Становление Героя Фронтенда

    Всем привет! Вернулся обратно на freeCodeCamp продолжить обучение и уже получил 3 сертификат Front End Libraries, а заодно в проекте Pomodoro Clock попробовал руками Redux и осознал, что это не так уж и страшно.

    Обнаружил интересную штуку - первый сертификат на freeCodeCamp я получил 8.06.2018, т.е. уже практически два года идёт моё становление.

    В целом есть ощущение готовности к работе джуниор разработчиком в какой-нибудь компании, но вынужден ещё несколько лет оставаться на текущей работе.

    Так что продолжаю свой неспешный путь во фронтенд. В планах попробовать себя на фрилансе и дальше развиваться. Видимо через эти несколько лет буду «диванным» мидлом 😀
  • Становление Героя Фронтенда

    Всем привет! Продолжаю своё планомерное погружение в веб-технологии и не только.

    Закончил изучение баз данных. Но это громко сказано, если честно изучил очень поверхностно, немного ещё почитаю, чтобы не было стыдно перед собой.

    Следующая тема для изучения по computer science это языки программирования и компиляторы.
    Хочу за следующие 9 недель посмотреть курс на youtube https://www.youtube.com/playlist?list=PLlb7e2G7aSpSnNLNWqF46tPQ_wAXqLMNC и прочитать учебник "Компиляторы: принципы, технологии и инструменты" Ахо Альфред.

    В остальном продолжаю прокачивать React, дописываю приложение booklist, о котором говорил ранее и продолжаю избегать Redux. Для этого даже немного поигрался с MobX - очень крутая альтернатива Redux.

    Познакомиться с MobX можно по видео с Я.Субботника https://youtu.be/9rZeCNLfeuk
    Видео недоступно для просмотра
    ОТКРЫТЬ В TELEGRAM
    Языки программирования и компиляторы - YouTube

    Курс предназначен для тех, кто интересуется внутренним устройством языков программирования. Курс прочитан осенью 2013. Преподаватель: Дмитрий Булычев. Страни...

    YouTube
  • Становление Героя Фронтенда

    Немного поиграл с браузерным API IndexedDB. Это способ хранения больших данных на стороне клиента. Представляет собой noSQL базу данных (т.е. хранилище ключ/значение).

    Сразу рекомендую использовать библиотеку-оболочку над стандартным API (их много, в статьях по ссылкам ниже рекомендуют idb), т.к. он не очень дружелюбный на вид. Я пытался с ним подружится, получилось, но не очень 🙂

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

    Краткая статья на proglib.io чтобы сразу начать использовать idb.
    Подробнее можно почитать на learn.javascript.ru и на mdn
  • Становление Героя Фронтенда

    Всем привет, закончил своё знакомство с компьютерными сетями и React.
    По компьютерным сетям рекомендую книгу из предыдущего поста, большего для знакомства и не нужно.

    Для изучения React написал простое приложение booklist, в котором теперь буду хранить список прочитанных книг. К каждой книге (на экране выбранной книги) прилагается обложка, главная мысль, цитаты. Сделал экран поиска по книгам, экран пользователя в котором можно менять светлую тему на тёмную, форму добавления книги, которая не работает, т.к. нет бэкенда. Если доведу приложение до ума выложу на GitHub в открытый доступ, пока стесняюсь ☺️

    React настолько понравился, что свой дневник тренировок тоже переписал на него. Код получился гораздо более структурированный, чем до этого был на чистом js (но это больше проблема старого кода, чем заслуга реакта). Осталось подключить firebase и можно переходить на новую версию.

    Изучение React продолжу, плюс надо познать Redux (это оказалось сложно, хотя я думал, что мне нравится функциональное программирование).

    Теперь перехожу к базам данных, но пока не могу найти интересную книгу с основами. Есть либо книги по конкретным технологиям, либо книги университетского уровня, в которых много математики и мало простой теории. А хотелось бы что-то похожее на «Грокаем алгоритмы», но по базам данных.

    Если есть что-то на примете напишите, пожалуйста, мне в личку или в чат по кнопке «Обсудить» снизу, буду очень благодарен.
  • Становление Героя Фронтенда

    Всем привет! Перешел к следующему этапу своего самообучения. Темы для изучения это компьютерные сети и React.

    По компьютерным сетям читаю книгу того-же автора что и по операционным системам (Э. Таненбаум "Компьютерные сети"). В книге он в своем стиле интересно рассказывает про довольно скучные темы, очень рекомендую 😃

    По React в интернете целое море информации, это действительно очень популярная фронтенд библиотека. На данный момент прошел курс на freeCodeCamp и смотрю видео основы react от learn.javacript.ru.

    У React есть прекрасная официальная документация на русском языке, которой скорее всего хватит для его изучения. Когда досмотрю видеокурс, планирую перейти к ней и написать своё react-приложение, правда ещё не придумал какое мне нужно. Не хочется писать что-то абстрактное, чем потом не буду пользоваться.

    Есть идеи какое приложение написать или остались какие-либо вопросы? Заходите в наш чат по кнопке "Обсудить" ниже.
  • Становление Героя Фронтенда

    Друзья, помните я писал дневник тренировок? Я довёл его до состояния когда им можно пользоваться. Правда только мне 🙂

    Чтобы им могли пользоваться другие люди, нужно сделать ещё очень многое, потому что под капотом всё написано довольно просто и легко ломается.

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

    А самое главное это полученный практический опыт, который теперь не забыть. Основной функционал показал в видео, так выглядит PWA на iphone.
  • Становление Героя Фронтенда

    Посмотрел интересное интервью с node.js разработчиком на канале АйТи Борода https://youtu.be/qQwcCS8K_K0

    Канал смотрю давно, но раньше желания с вами поделиться не было, а это интервью очень понравилось.
    В интервью обсудили много технологий помимо node.js, шутили, оскорбляли наш любимый javascript, в общем отличное видео на выходные 🙂
    Всё про Node.js / От 0 до 2,5к долларов за год / Интервью с Backend JS Developer

    Запись на профессию “Веб-разработчик“ от Loftschool: http://bit.ly/2mt8tRk Промокод на 5% на профессию “Веб-разработчик“ и на все остальные курсы - "itbeard0...

    YouTube
  • Становление Героя Фронтенда

    Всем привет! Продолжаю погружение в Computer Science, сейчас изучаю операционные системы. Видео курсы какие-то особо выделить не могу, но нашёл замечательную книгу, которую в данный момент читаю.

    Книга называется «Современные операционные системы» 4-е издание, авторы Э. Таненбаум и Х. Бос.

    Я не знаю почему, но она очень легко читается, как художественное произведение, хотя там объясняются довольно сложные вещи. Если до этого в книгах перелистывалал какие-то сложные технические подробности, здесь я читаю всё (если честно почти всё, нперелистываюаю минимум).

    При прочтении даже возникают мысли податься в системные программисты, вот что значит автор умеет завлечь 🙂

    У нас появился свой чат «Герои фронтенда», жмите на кнопку внизу «Обсудить» если есть вопросы, пожелания, предложения или просто хочется найти единомышленников на нашем непростом пути.
  • Становление Героя Фронтенда

    Всем привет!

    В данный момент закончил свой краткий экскурс в «Алгоритмы и структуры данных». Следующую дисциплину «Математика для Компьютерных Наук» из статьи выше решил пока пропустить и перейти сразу к «Операционным системам». Пару лекций уже посмотрел, довольно интересно.

    Начинаю осознавать уровень абстракции программирования в целом и поражаться как всё это было придумано 🙂

    Активно пишу свой дневник тренировок. На данный момент тренировка запускается, можно записывать подходы, работают таймеры общий и отдыха, но куда это всё сохранять пока не понятно, сохраняю в localStorage.

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

    Присоединяйтесь, подумайте что бы вам хотелось сделать своего, будь то простой калькулятор, книга рецептов или приложение для подсчёта финансов и напишите это. А гугл поможет в сложных моментах, ответ есть почти на любой вопрос.
  • Становление Героя Фронтенда

    Параллельно с написанием своих проектов, я изучаю дисциплины computer science.

    За основу программы обучения взял статью на типичном программисте. В статье приводятся книги и курсы на английском языке (в основном), я нахожу что-то похожее на русском. Критерий один — чтобы было понятно.

    На каждую дисциплину я отвожу 9 недель, в течение которых я прочитываю одну книгу и просматривая какой-нибудь короткий курс на youtube.
    На данный момент дошел до темы Алгоритмы и структуры данных (читаю книгу «Грокаем алгоритмы»).

    Если читать по немного, но каждый день, а лекции смотреть например по выходным, то это отнимает не очень много времени. А эти знания лишними не будут точно, особенно если у вас, как и у меня, нет профильного образования программиста.
  • Становление Героя Фронтенда

    Сегодня год каналу и почти 5 месяцев как я ничего в него не выкладывал. Могло сложиться впечатление, что я закончил своё становление программиста, к счастью это не так.

    За это время написал PWA приложение с калькуляторами, которые мне нужны по работе. Сейчас дописываю блог для жены практически весь на javascript (получил очень интересный опыт полного игнорирования бэкенда, всё на фронтенде). Далее хочу всё-таки написать дневник тренировок.

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

    На канал решил писать, когда действительно будет что сказать, а не просто лишь-бы выложить пост. Спасибо, что были этот год со мной. Продолжаем становиться героями фронтенда и не только
  • Становление Героя Фронтенда

    100 быстрых советов по HTML, CSS и JS

    Прочитайте, обязательно найдете что-то интересное (или неизвестное) для себя.

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

  • Становление Героя Фронтенда

    Хочу поделиться каналами на youtube, на которых выкладывают доклады с различных мероприятий по фронтенду:

    Фронтенд - канал от Яндекса, выкладывают выступления своих спикеров с ШРИ, Я.субботников и прочих мероприятий. Попадаются как сложные специфические доклады, как и на более общие темы

    Веб-стандарты - выкладывают не только одноименный подкаст, но и выступления со своей конференции WSD, которая к слову бесплатная, если будет в вашем городе - обязательно сходите.

    pitercss_meetup - Питерский митап в основном по вёртске, иногда можно встретить интересные доклады

    HolyJS - самая известная конференция по JavaScript в России, выступают как наши топовые докладчики, так и зарубежные
    Видео недоступно для просмотра
    ОТКРЫТЬ В TELEGRAM
    Фронтенд

    Школа разработки интерфейсов - https://academy.yandex.ru/events/shri/

    YouTube
  • Становление Героя Фронтенда

    Давно хотел порекомендовать вам канал на youtube Вадима Макеева, но ждал когда он в видео ответит на мой вопрос. На вопрос он так и не ответил, видимо их слишком много, но канал всё же советую 🙂

    На своём канале Вадим не только отвечает на вопросы, но и делает очень подробные разборы вёрстки уже функционирующих сайтов, на их примерах рассказывает как надо делать, а как не надо.

    Кто не знает Вадим Макеев - известная личность во фронтенде, преподаватель HTML Academy, ведущий своего подкаста Веб-стандарты. В общем к его мнению можно прислушаться
    Видео недоступно для просмотра
    ОТКРЫТЬ В TELEGRAM
    Vadim Makeev

    Пепелсбей в HTML Академии, руководитель сообщества «Веб-стандарты», организатор pitercss_meetup и pitercss_conf, автор движка Shower.

    YouTube
  • Становление Героя Фронтенда

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

    1. "Джедайские техники. Как воспитать свою обезьяну, опустошить инбокс и сберечь мыслетопливо" Максим Дорофеев

    Книга научила меня правильно ставить задачи, планировать, беречь "мыслетопливо".
    Любимая цитата: "Думать больно".

    2. "Выйди из зоны комфорта. Измени свою жизнь. 21 метод повышения личной эффективности" Брайан Трейси

    Суть книги в описана в названии. Помогла стать смелее в отношении к чему-то новому.
    Любимая цитата: "Съешь лягушку!".
    Лягушка это самое сложная или неприятная задача на день и Брайан советует выполнить её в первую очередь.

    3. "Просто Космос. Практикум по Agile-жизни, наполненной смыслом и энергией" Катерина Ленгольд

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

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