Практический курс «Javascript Fullstack разработчик»

Что из себя представляет курс?

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

Читать далее «Практический курс «Javascript Fullstack разработчик»»

Javascript Fullstack: кто такой и как им стать?

Привет! Сейчас я попробую кратко, но ёмко описать, кто такой фулстек-разработчик, и почему он ценен для бизнеса. Также, расскажу о плюсах и минусах фулстека перед схемой, когда есть отдельно фронт и бэк разработка.

Читать далее «Javascript Fullstack: кто такой и как им стать?»

Кодирование/шифрование/хэширование/обфускация: разберемся в терминологии

Вы, наверное, сталкивались с такими терминами, как:

  • кодирование (encoding);
  • шифрование (encryption);
  • хеширование (hashing);
  • обфускация (obfuscation);

… но не знали точно, в чем между ними разница. Давайте разберемся раз и навсегда.

Читать далее «Кодирование/шифрование/хэширование/обфускация: разберемся в терминологии»

Создание автокомплита на чистом Javascript

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

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

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

Про почасовую оплату работы программиста

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

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

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

Анатомия React. Урок 15. Render Props и интеграция со сторонними библиотеками

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

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

Анатомия React. Урок 14. Наследование vs. композиция. Компоненты высшего порядка.

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

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

React Styled Components: пример решения реальной задачи

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

Разбираем исходники jBlocks, библиотеки для организации JS-компонентов

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

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

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