Frontender Libs - обзор библиотек JS / CSS

Принципы SOLID, о которых должен знать каждый разработчик Роберт Мартин, для того, чтобы помочь всем желающим разрабатывать качественные ООП-приложения, разработал пять принципов объектно-ориентированного программирования и проектирования - SOLID. S: Single Responsibility Principle (Принцип единственной ответственности). O: Open-Closed Principle (Принцип открытости-закрытости). L: Liskov Substitution Principle (Принцип подстановки Барбары Лисков). I: Interface Segregation Principle (Принцип разделения интерфейса). D: Dependency Inversion Principle (Принцип инверсии зависимостей). В статье расписаны все принципы, с примерами хорошего и плохого кода.

JS | Паттерн Facade, упрощение работы со сложным кодом Facade очень часто используемый паттерн. Он заключается в том, чтобы создать простой интерфейс к большой и сложной части кода, чтобы спрятать его сложность. В статье детально разбирается создание фасада для работы с различными источниками данных с помощью публичного API

Зачем себя ограничивать? Фронтедеры востребованы, но фулстеки Python / Frontend выглядят привлекательней. Один такой спец может взять на себя приложение целиком, и работодатели готовы платить ему круглую сумму. Тут за 12 месяцев вы выучите: - Веб-вёрстку - Javascript - Python - Angular, React, Vue на выбор Во время обучения вы напишете 4 дипломных проекта для вашего резюме, а первый платеж - только через полгода

Простая работа с файлами В общем случае работа с файлами в PHP выглядит так: 1) Открываем файл в нужном режиме (чтение, запись, чтение/запись и т.д.) 2) Делаем что-то с файлом: читаем, записываем и т.д. 3) Закрываем файл. Однако если Вам нужно только прочитать файл или записать в него, то это можно сделать функциями file_get_contents($filename) и file_put_contents($filename, $content). Эти функции откроют и закроют файл за нас.

6 основных пунктов для резюме Javascript разработчика 1. Знание принципов работы современных JavaScript фреймворков и библиотек 2. Знание подходов при проектировании, организации, контроле состояния и тестирования серверных и клиентских приложений 3. Умение применять паттерны проектирования: Event Loop, Flux, Immutable, Virtual DOM, Dependency Injection, Observables 4. Умение выбирать подходящие инструменты для проекта 5. Умение создавать web-приложения с использованием современных технологий JavaScript Developer. Professional - этот курс - самый быстрый способ прокачать знания по JS и обновить резюме

CSS | Псевдоэлементы для подсветки текста Псевдоэлементы выделения представляют собой части документа, которым присвоен определенный статус, и обычно имеют другой стиль, чтобы указать этот статус пользователю. Например, выбранные части документа обычно выделяются (заданы альтернативные цвета фона и переднего плана или цветовая размывка), чтобы указать их выбранный статус. ::selection: выделенный текст ::target-text: represents text directly targetted by the document URL’s fragment ::spelling-error: содержимое, которое было помечено user-agent как ошибочное ::grammar-error: содержимое, которое было помечено user-agent как грамматически не верное Последние два псевдоэлемента еще не поддерживаются браузерами. Эти псевдоэлементы могут принимать свойства: - color - background-color - cursor - caret-color - outline - text-decoration - text-emphasis-color - text-shadow

Slim Framework Slim framework - это микрофреймворк для разработки простых приложений и API на PHP. По сути, Slim - это диспетчер, принимающий запрос, вызывающий соответствующий callback и возвращающий ответ.

JS | Ajax, Fetch и Promises, как получить данные с сервера Подробная статья с теорией и практические примеры для извлечения данных с сервера и использования их для обновления содержимого веб-страницы с помощью XMLHttpRequest или Fetch.

Обучаю, развиваюсь, создаю! Заодно веду свой авторский блог Programmer Way! Немного о нем: •Авторские статьи 📝 •Советы по фрилансу💰 •Чат фронтендеров🤝 •Бесплатные уроки 🗂 •Улучшение верстки и кода 📈 Присоединяйся👉 @programmerwayit

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

JS | TypeScript - javascript по взрослому TypeScript — это типизированный расширенный набор JavaScript, который компилируется в простой JavaScript. Как аналогия, если бы JavaScript был CSS, тогда TypeScript был бы SCSS. TypeScript позволяет использовать статическую типизацию. Эта функция делает код понятным и снижает вероятность ошибок, которые могли быть вызваны неправильными предположениями о типе определенных переменных. Благодаря статической типизации используемая IDE сможет лучше понять код, это дает возможность предоставлять такие функции, как завершение кода и безопасный рефакторинг. TypeScript также позволяет использовать все последние функции JavaScript в коде, не беспокоясь о поддержке браузера. После написания кода он компилируется его в нативный JavaScript, поддерживаемый всеми браузерами. Многие популярные фреймворки, такие как Angular и Ionic, используют TypeScript.Если вы решите использовать какую-либо инфраструктуру в будущем, изучение TypeScript сейчас является хорошей идеей.

CSS | simplecss, не сбрасываем стили, а нормализуем их Simple.css - это бесклассовый CSS-фреймворк, который позволяет очень быстро создавать красивый веб-сайт. Под бесклассовым подразумевается, что в разметка не требует добавления классов элементам. Таким образом, ваш сайт может выглядеть именно так, используя старый добрый ванильный HTML. Simple.css сразу включает в себя следующее: - Набор локальных шрифтов без засечек. - Стилизация типографики. - Автоматическое переключение в dark-mode. - Полностью отзывчивый. - Значения по умолчанию, которые стилизуют стандартные элементы HTML. - Супер легкий - размером менее 4 КБ.

JS | eruda - консоль для мобильных браузеров Если вам нужно открыть сайт в веб инспекторе, а под рукой только телефон и нет доступа к десктопному браузеру, вам поможет этот плагин. Позволяет открыть полноценную браузерную консоль прямо в телефоне.