Рубрика: Фронтенд

В ролике наглядно показано как создать аккуратный автокомплит (autocomplete) на чистом Javascript. Сервис, показывающий коды клавиш: https://keycode.info

Ссылка на репозиторий с исходным кодом: https://github.com/makewebme/javascript-razbor/tree/master/simple-js-autocomplete

Автор видео: t.me/devule. Озвучка MakeWeb.

Почасовая оплата или фикс за проект? Многие выбирают фикс и порой это даже выгоднее. Но чаще всего, для фрилансера выгодна именно почасовая ставка, если конечно за сам час платят достаточно хорошо. Об этом в данном ролике коротко и рассказывается.

А как работаете вы, по фиксу или на почасовой? Пройдите анонимный опрос в нашей группе ВКонтакте.

Читать далее «Про почасовую оплату работы программиста»

Разбираем зачем нужны Render Props и как использовать сторонние библиотеки типа jQuery или Backbone — хоть они и устарели, на этих примерах можно лучше понять как работает React.

GitHub-репозиторий с примерами: https://github.com/makewebme/course_react_beginner

Рассматриваем разные подходы к проектированию React-кода — наследование (inheritance) и композиция (composition). Что они подразумевают и какие имеют особенности. Также, разбираемся с компонентами высшего порядка (Higher-Order Components, HOC), ввиду их повсеместного распространения.

GitHub-репозиторий с примерами: https://github.com/makewebme/course_react_beginner

Styled Components (http://styled-components.com) это в некоторых случаях очень полезный инструмент, позволяющий в стилизации задействовать внешние условия, например, рисовать разный цвет фона по значению переменной. В этом видео Styled Components используется для решения конкретной возникшей на боевом проекте ситуации.

Разбираем по косточкам исходники JS-библиотеки jBlocks за авторством Виктора Карпова. Она позволяет создавать нативные JS-компоненты, не используя при этом более сложные решения. Организация многокомпонентности в JavaScript всегда была проблемой, но сегодня у нас есть React, Angular, Vue и другие штуки, позволяющие справиться с этой болью и абстрагироваться.

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

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

Создаем простой аккордеона на чистом JavaScript. Исходный код из урока: https://github.com/makewebme/javascript-razbor/tree/master/simple-js-accordeon

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

В первой части про основной сайт. Далее будет про CRM-ку и личный кабинет на React + MobX.

Во втором и третьем ролике мы продолжаем рассматривать реальный проект, сделанный по заказу. На этот раз — личный кабинет менеджера. Фактически, это CRM-система. Построен проект на React / Mobx / WebSocket.

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