​​Привет, работяги!

С этого поста — я начинаю писать про React. Его часто упоминают в одном ряду с другими JS фреймворками, но споры «React vs Angular» не имеют смысла, потому что это не сопоставимые вещи. Angular — это полноценный фреймворк, а React — нет.

Функционал React'а — это язык шаблонов и набор callback функции. В общем случае, весь результат работы React — это рендер HTML из компонентов (JS скрипты), которые хранят свое состояние. И именно из-за того, что React — это чаще про шаблоны и про готовые наборы, его легко выучить. Я потратил на его изучения меньше времени, чем на Vue u Angular.

Основное правило React — это разбитие всего приложения на маленькие компоненты (набор JS скриптов), чтобы их можно было вызывать по мере надобности. И это заставляет делать твое веб-приложение намного чище и структурирование: одни и те же кнопки, формы, размеры целых блоков отличающиеся только контентом, который можно изменить.

С помощью Webpack можно тонко настроить конфигурацию проекта. Также без проблем можно типизировать проект с помощью TypeScript, что сильно поможет масштабировать проект.

И так, поехали:
1. Документация по React.
2. Курс по React.
3. Курс по React (на английском).
4. Документация по React router, который маршрутизирует запросы.
5. Документация по глобальному хранилищу Redux, которое используется как и в чистом JS, так и в почти всех JS-фреймворках.
6. Репозиторий с документацией по Redux thunk, который добавляет асинхронный функционал к Redux.
7. Крутое видео, где рассказано почти все про хуки в React (смело ставь x1.5).

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

Работаем!🦾

Теги:
#shelemakha_js

​​Привет, работяги!

То, что делает веб-приложение — веб-приложением, это backend. Существует много языков, которые позволяют его сделать, но я буду рассматривать Python.

Почему Python, а не, например, JavaScript?
Python намного проще, чем JavaScript — его легко изучить и куча готовых компонентов, которые доступны open-source. В дальнейшем ты из Backend-разработчика сможешь «переформатироваться» на инженера по машинной инженерии. Не мало важный факт, что в Python «из коробки» есть свои библиотеки,

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

И что бы тебе не было скучно, то вот ссылки на его изучение:
1. Документация.
2. Книга Прохоренюка, в которой доступно описан step-by-step алгоритм изучения Python.
3. 2-томник Лутса, после прочтения которого появляется понимание фундаментальных вещей.
4. Курс для понимания основ ООП. На этой парадигме работает Python.

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

Работаем!💪

Теги:
#shelemakha_python

Привет, работяги!

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

Django. Нет, это не про фильм Тарантино, а про фреймворк для backend'а для веб-приложений. Фреймворк постоянно развивается, об актуальности его использования — можно не говорить, но вот про преимущества — расскажу. Django хорош тем, что у него:
• простая и очень доступная документация, которую можно читать вместо просмотра туториалов;
• есть своя встроенная ORM система, которая поможет работать с базой данных;
• встроенная админ панель;
• легкая переносимость конфигурации приложения из одного проекта в другой.

Повторюсь, фреймворк — все ещё очень актуален и постоянно развивается. Даже есть IT-компании в названии которых присутствует Django, что позволяет появляться новым плагинам и новым обучающим материалам:
1. Документация
2. Practical Django — полезная книга, которая дополнит официальную документацию.
3. YouTube канал по Django.

После прочтения обучающих материалов — настоятельно рекомендую самостоятельно сесть и придумать свой личный, может и небольшой, проект. Свой проект — очень быстро научит тебя искать нужную информацию и научит понимать как решить ту или иную проблему.

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

Работаем!💪

Теги:
#shelemakha_python

​​Привет, работяги!

Взаимодействие веб-приложения с базой данных — это то, извиняюсь за тавтологию, что делает веб-приложение — веб-приложением. Те проекты, которые я разрабатывал — использовали SQL. Это язык, который структурно не менялся с 80-х годов прошлого века. Сейчас он используется в большинстве систем для управления базами данных, таких как MySQL и PostgreSQL. Знание этого языка поможет быстро разрабатывать свои проекты и нормально показать себя на собеседовании.

Есть два полезных ресурса, которыми я пользовался и пользуюсь для того, чтобы писать эффективные запросы:
• «Песочница» от Stepik, где можно потренироваться в написании запросов;
• SQLZoo, которая построена по принципу Википедии.

Разница между MySQL и PostgreSQL не очень значительная, но ощутимая. Есть хорошая статья, в которой описываются основные различия. Но всё же, даже при том, что разница незначительная, я бы советовал тебе изучать PostgreSQL, так как она более молодая, постоянно развивается и за счёт своего коммьюнити — доступна на большинстве платформ. Также, огромный плюс в том, что документация PostgreSQL — на русском, что должно ускорить изучение этой СУБД. Так же для ознакомления как происходят запросы к БД можешь посмотреть в этом видео.

Если тебе интересно то, что я пишу и мои посты помогают тебе стать веб-разработчиком — скинь своим друзьям и знакомым ссылку на этот канал!

Работаем!💪

Теги:
#shelemakha_db

​​Привет, работяги!

Сегодня будем рассматривать Celery — это распределитель задач. Его обычно вкручивают к проекту с Django для того, чтобы избавиться от рутинных задач:
• отправка верификационных писем;
• создание событий;
• прочие мелкие периодические задачи, которые стуктурно не влияют на работу веб-приложения.

Для того, чтобы проще понять зачем нужен Celery — приведу пример: есть родитель и у него несколько детей. Появилась задача, что надо убрать квартиру. Родитель понимает, что он может помыть полы, т.к. это важная составляющая чистоты. А остальные мелкие задачи отдает детям: вынести мусор, вытереть пыль, полить цветы и т.п. И получается, что родитель — это часть или иногда само веб-приложение, а дети — исполнители задач.

Полезные ссылки:
1. Документация Celery
2. Статья по внедрению Celery в Django проект

Надеюсь, в свободное время ты развиваешь свой проект. Попробуй внедрить в него Celery. Например, при регистрации нового пользователя — отправляй ему верификационное письмо на почту. Сделай так что бы оно отправлялось через Celery.

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

Работаем!💪

Теги:
#shelemakha_python

​​Привет, работяги!

Я уже писал насколько крут и удобен Django. Но при масштабировании проекта — проект на Django «раздувается» и его быстродействие снижается, а использование памяти растёт. Тогда на помощь приходит небольшой фреймворк Flask.

Flask — хорошо задокументирован и имеет огромное количество плагинов для того, чтобы тонко настроить все под себя. В случае чего, никто не мешает написать свой плагин 🙃

В моей практике я работал с Flask, когда сам проект завязан больше на Frontend, а задача backend — это работать с СУБД, используя CRUD (create, read, update, delete).

Чтобы эффективно начать использовать Flask — собрал несколько полезных ссылок:
• Документация Flask;
• Курс по Flask;
• Шаблонизатор Jinja2 (функционал такой же как и шаблонизатор в Django, только Jinja2 быстрее);
• Документация SQLAlchemy (из коробки у Flask нету своей ORM, которая сильно помогает с SQL-подобными СУБД).

P. S. Рекомендация тут две, т.к. ты впервые будешь вкручивать к фрейморку фичи с других библиотек. То рекомендую сразу же понять как подключить СУБД (туториал как подключить SQLAlchemy) к проекту, как подключить логирование к проекту (статья). Изучи так называемые скрытые рычаги проекта, т.к. это довольно таки рутинное дело в обычном проекте. Второе, это ты должен определиться, что тебе больше по душе Flask или Django. И уже от этого отталкиваться на собеседованиях, спецом во всем быть невозможно. Но ты можешь понимать саму технологию и это самое главное.

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

Работаем!💪

Теги:
#shelemakha_python

​​Привет, работяги!

Операционные системы на базе ядра Linux — сильно упростят твою жизнь, как веб-разработчика. То, что пока ты используешь Windows вместо Ubuntu, Debian и т.п. — это печально. Но расстраиваться не надо, ибо со временем привыкаешь к консоли и у тебя появляется все большее отвращение к большому количеству кликов в интерфейсы Windows.

Главная причина перехода на Ubuntu или Debian — это то, что удаленные сервера, которые обслуживают веб-прилоения, работают на Debian или других ОС, на базе ядра Linux. Проще говоря, «поднимая» проект у себя локально — можно оценить, как будет вести себя проект в рабочих условиях. Также, bash-скрипты — предоставляют большой ресурс под автоматизацию действий.

Полезная информация:
• Туториал по установке Ubuntu;
• Курс по основам Linux;
• Туториал по bash (на английском);
• bash-ловушки (на английском);
• Серия статей по bash для новичков.

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

Работаем!💪

Теги:
#shelemakha_linux

​​Привет, работяги!

Мы медленно, но уверенно идем от монолитного проекта к микросервисам. И для общение между микросервисами надо изучить NoSql( не реляционные базы данных ). На рынке труда основными такими базами являются Redis и MongoDB.

В коммерческом опыте я использовал NoSql в кейсе, когда один главный сервис не тратил время на микросервис. К примеру, это микросервис напоминания пользователю, если он начинает меньше времени уделять какой-то своей задаче и ему надо напомнить ему об этом. В случае сбоя, потеря этих данных про оповещение пользователей — не нанесёт критического вреда. В разработке Backend'a на Python обычно обращают свое внимание на Redis. MongoDB — чаще используется в проектах где Backend написан на JavaScript.

Знать как работают эти две СУБД очень желательно, прикрепляю ссылки:
• документация Redis ( есть интерактивная консоль прямо на сайте, и в этой же консоле есть туториал);
• курсы по Redis;
• документация MongoDB;
• курс по MongoDB;
• забавное видео от создателей MongoDB.

На изучение этих двух СУБД у тебя уйдет пару недель — но в итоге это повысит твою ценность как специалиста.

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

Работаем!💪

Теги:
#shelemakha_db

​​Привет, работяги!

nginx — это очень производительный веб-сервер, который связывает твое веб-приложение с внешним миром. Кроме как связки с внешним миром, в nginx можно настроить:
• защита твоего приложения от различных атак через сертифицирование домена (SSL-сертификат);
• кеширование запросов через создание статических файлов;
• настройка nginx как распределителя нагрузки, если на сервере находится несколько веб-приложений/сервисов;

Информации много, т.к. nginx постоянно развивается. Перечень необходимых ресурсов:
• документация по nginx;
• курс по nginx;
• статья по частым ошибкам при работе с nginx;
• туториал от Digital Ocean;
• репозиторий на GitHub, где собраны полезные ссылки по работе с nginx;
• туториал по настройке связки проекта на Django и nginx.

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

Работаем!💪

Теги:
#shelemakha_nginx

Привет, работяги!

Мы спешно движемся в сторону публикации приложения в production. Но возникает проблема, то что веб-сервер не понимает, что написано на языке Python из-за чего приходится пользоваться небольшой прослойкой в виде WSGI/ASGI.

WSGI/ASGI — стандарты взаимодействия между Python-программой, выполняющейся на стороне сервера, и самим веб-сервером.
• WSGI — написан синхронно, т.е. однопоточно.
• ASGI — соответственно, асинхронно, но также однопоточно.

Комьюнити чаще всего бросает взор на две похожие библиотеки Gunicorn/Uvicorn. Раньше я упоминал nginx, он сейчас на пике использования в качестве веб-сервера для Python-приложений. Эти библиотеки как раз и заточены под работу с nginx.
Чаще всего, ты будешь использовать:
1. Проксирование запросов
2. Разбитие нескольких сервис в несколько потоков (мультипоточность) для ускорения отклика твоего приложения

Все это изучается достаточно просто, особенно если понимать, что конфигов не такуж и много и в 90% случаев ты будешь обходиться 20 строчками кода.

Необходимые ресурсы:
• лекция по WSGI;
• лекция по ASGI;
• библиотека Gunicorn;
• библиотека Uvicorn;
• пример настройки Django проекта с PostgreSQL, Nginx и Gunicorn.

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

Работаем!💪

Теги:
#shelemakha_python

​​Привет, работяги!

Количество постов неумолимо растет. Я и моя команда делает так, чтобы максимально раскидать всё по полочкам и структурировать все образовательные штуки для того, что бы ты:
• нашел себе нужную тему;
• выучил её;
• повторил её.

Чтобы моя команда расставила акценты в будущих публикациях — нам важно твое мнение.

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

​​Привет, работяги!

Доукомплектовываем стек трушного веб-разработчика. Новый скилл, который всё чаще встречается в вакансиях — это React Native. Лично мне он не понравился в использованию по ряду причин:
• это еще одна зависимость в проекте;
• для комфортной работы нужно скачать порядочное количество библиотек;
• для реализации какого-то компонента нужно «городить костыли» из-за чего страдает читаемость кода.

Но есть огромный плюс — это кросс-платформенность кода. Проще говоря, один раз пишешь код и он компилируется сразу и под Android, и на iOS.

Не буду тратить твое время, у тебя и так впереди целое приключение в виде изучении новой библиотеки:
• документация React Native;
• экспресс-курс (для лучшего восприятия спикера, рекомендую ставить х1.5 в скорости воспроизведения).

Для практического закрепления материала — рекомендую сделать обычный To Do List. Это поможет тебе применить твои знания сразу на практике, чтобы через время тебе не пришлось вспоминать как это все работает!

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

Работаем!💪

Теги:
#shelemakha_js

​​Привет, работяги!

Микросервисы — это очень удобная, но немного сложная технология. Оно позволяет работать твоему веб-приложению модульно. Проще говоря, если какой-то компонент «упал» — всё приложение не падает вместе с ним. Зачастую, для этого используют контейнеризацию. Наиболее популярным решением для этого — является Docker.

Docker — это приложение с открытым кодом, принцип работы которого проще всего сравнить с транспортными контейнерами. Принцип его работы не сильно отличается от того, как раньше транспортные компании сталкивались с тем, как перевозить разные типы товаров вместе в каком-то универсальном объекте и на одном средстве.

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

В свое время, мне помогли эти ресурсы:
• Docker docs (https://docs.docker.com/engine/reference/builder/);
• Docker-compose docs (https://docs.docker.com/compose/compose-file/);
• Вводный (https://www.youtube.com/playlist?list=PL8D2P0ruohOA4Y9LQoTttfSgsRwUGWpu6) вебинар в docker, docker-compose и Kubernetes;
• Практический курс (https://hottg.com/+AAAAAE4pqFZozek_gkxqyw) по docker, docker-compose для развертывания небольшого приложения.

После прочтения теории и освоения практики из вышеуказанных ресурсов, ты сможешь решать 2 основные задачи:
1. С вероятностью 99% твое приложение встанет и начнет ожидаемо работать;
2. Ты сможешь более корректно управлять ресурсами, т.е. это хорошая возможность сделать у себя на серваке docker-compose и показывать клиентам проекты с помощью подключения контейнера к общему сварму.

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

Работаем!💪

Теги:
#shelemakha_docker

​​Привет, работяги!

Буду краток — асинхронный подход в программировании на Python работодатели требуют всё чаще. Цена за минуту использования серверных мощностей — растёт. Асинхронность поможет «разнести» десяток задач, чтобы использовать эту одну минуту эффективно.

Чтобы понять как работает асинхронный подход в Python
• документация по async, await библиотеках;
• курс по практическому использованию этих библиотек.

Буду откровенен — у меня получилось понять работу методов async и await далеко не с 1-го раза. Но уверен, что у тебя это получится с 1-го раза.

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

Работаем!💪

​​Привет, работяги!

Читаемость кода — основной критерий быстрой разработки. Для того, чтобы её обеспечить используют архитектурные паттерны. Их правильное использование — помогает новому разработчику в проекте разобраться в том, как всё устроено. По этому, держи несколько ресурсов, которые использовал и использую я.

Эти ресурсы можно открыть на телефоне и прочитать их за чашкой чая. Вот они:
1. Чистый код создание, анализ и рефакторинг.
2. Чистая архитектура. Искусство разработки программного обеспечения.
3. Рефакторинг. Улучшение существующего кода.
4. Приемы объектно-ориентированного проектирования. Паттерны.
5. Методология BEM — инструкция о том, как использовать компонентный подход в веб-разработке.
6. javascript. Шаблоны.
7. Простой Python. Современный стиль программирования.
8. Clean Code in Python.

Но ты всегда должен помнить, что через 2 года, когда ты снова посмотришь на свой код ты должен понять, что это — говнокод, и можно было бы сделать лучше. Если такого чувства не возникает, извини, ты не прогрессировал в понимании.

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

Работаем!💪

Теги:
#shelemakha_other

Привет, работяги!

Сегодня поговорим про полезный пережиток прошлого. Этом vim/vi — полноценная IDE в твоей консоли/терминале. Это мощный текстовый редактор с полной свободой настройки и автоматизации, возможная благодаря использованию расширений и гибкостью надстроек. Его можно запустить везде, где можно запустить ядро Linux.

Говорю откровенно — сначала будет сложно и не очень удобно. Управление vim — полностью происходит из клавиатуры. Но когда ты будешь работать на удаленном сервере и будет выбор между nano и vim, то ты выберешь vim, ибо сигнатуры помогут тебе в скорости написания файлов конфигураций и, в будущем, в скорости разработки

Потрать два вечера на эти два ресурса, чтобы в дальнейшем не тратить зря время при выполнении какого-то задания.
1. vim tutorial — видео, в котором рассказывают о том, какой функционал есть у vim.
2. Vim book — хороший талмуд по vim, который позволит освоить его полностью.
3. vimtutor — команда, которую можно ввести в терминале и которая откроет туториал, который покроет 90% нужного функционала.

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

Работаем!💪

Теги:
#shelemakha_other

Привет, работяги!

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

Я со своей командой принял решение сделать один пост со всеми ссылками на посты
Frontend:
1. Css&HTML
2. JavaScript
3. Async JavaScript
4. Npm
5. Bootstrap
6. Sass/scss & Less
7. Gulp
8. Babel
9. Webpack
10. TypeScript
11. React
12. ReactNative

Backend:
1. Python
2. Async Python
3. Django
4. Celery
5. Flask
6. SQL ( Postgresql )
7. NoSQL( Redis, MongoDB )
8. Nginx
9. Wsgi&Asgi
10. Docker

Второстепенные, но не менее важные технологии:
1. Figma
2. Git
3. Linux & bush scripts
4. Книги по архитектуре и чистому коду
5. Vim

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

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

Удачной сессии 😉

​​Привет, работяги! 💪

Уже отошли от Новогодних праздников? Тогда возвращаемся к работе. На просторах YouTube нашел для тебя подгон не хуже порнохабовского. Этот канал особенно полезен если ты новичок в мире React разработки.

Так вот там ты найдешь необычно большой курс связанный с React. Все что тебе перед этим надо знать - это HTML , CSS , JavaScript . Информации ооочень много, все разжовано, на картинках показано. Самое вкусное, что он на русском и акутальный - это ли не чудо.

Ссылки:
1. Часть 1
2. Часть 2

Учись, повторяй и работай. Да и прийдет к тебе зарплата 500к/сек.

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

Работаем!💪

Теги:
#shelemakha_js

Так хлопчики й дівчатка
Мій хороший друг робить збір
Ось пряма мова


Дорогі друзі! 🧉

Хотів подякувати всім за привітання і побажання!

Хочу подякувати хлопцям та дівчатам з ЗСУ, тому роблю це зі свого боку та з вашою допомогою!

Мій гарний друг та колишній колега захищав нашу країну під час АТО та повернувся до виконання своїх бойових задач в минулому році.

Сьогодні він служить в морській піхоті і виконує бойові задачі на Донбасі, їм конче необхідні очі, а наша з вами задача допомогати таким людям безупинно, до нашої тотальної перемоги!

Скидаю посилання на банку, та дякую всім, хто долучиться!

Банка - https://send.monobank.ua/jar/4HXpyWhoni

Слава Україні та слава Героям! 🇺🇦