CSS | simplecss, не сбрасываем стили, а нормализуем их

Simple.css - это бесклассовый CSS-фреймворк, который позволяет очень быстро создавать красивый веб-сайт.

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

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

JS | TypeScript - javanoscript по взрослому

TypeScript — это типизированный расширенный набор JavaScript, который компилируется в простой JavaScript. Как аналогия, если бы JavaScript был CSS, тогда TypeScript был бы SCSS.

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

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

TypeScript также позволяет использовать все последние функции JavaScript в коде, не беспокоясь о поддержке браузера. После написания кода он компилируется его в нативный JavaScript, поддерживаемый всеми браузерами.

Многие популярные фреймворки, такие как Angular и Ionic, используют TypeScript.Если вы решите использовать какую-либо инфраструктуру в будущем, изучение TypeScript сейчас является хорошей идеей.

mbstring

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

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

JS | Ajax, Fetch и Promises, как получить данные с сервера

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

Slim Framework

Slim framework - это микрофреймворк для разработки простых приложений и API на PHP.

По сути, Slim - это диспетчер, принимающий запрос, вызывающий соответствующий callback и возвращающий ответ.

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

6 основных пунктов для резюме Javanoscript разработчика

1. Знание принципов работы современных JavaScript фреймворков и библиотек

2. Знание подходов при проектировании, организации, контроле состояния и тестирования серверных и клиентских приложений

3. Умение применять паттерны проектирования: Event Loop, Flux, Immutable, Virtual DOM, Dependency Injection, Observables

4. Умение выбирать подходящие инструменты для проекта

5. Умение создавать web-приложения с использованием современных технологий

JavaScript Developer. Professional - этот курс - самый быстрый способ прокачать знания по JS и обновить резюме

Простая работа с файлами

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

Однако если Вам нужно только прочитать файл или записать в него, то это можно сделать функциями file_get_contents($filename) и file_put_contents($filename, $content).

Эти функции откроют и закроют файл за нас.

Зачем себя ограничивать?

Фронтедеры востребованы, но фулстеки Python / Frontend выглядят привлекательней.

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

Тут за 12 месяцев вы выучите:

- Веб-вёрстку
- Javanoscript
- Python
- Angular, React, Vue на выбор

Во время обучения вы напишете 4 дипломных проекта для вашего резюме, а первый платеж - только через полгода

JS | Паттерн Facade, упрощение работы со сложным кодом

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

В статье детально разбирается создание фасада для работы с различными источниками данных с помощью публичного API

Принципы SOLID, о которых должен знать каждый разработчик

Роберт Мартин, для того, чтобы помочь всем желающим разрабатывать качественные ООП-приложения, разработал пять принципов объектно-ориентированного программирования и проектирования - SOLID.

S: Single Responsibility Principle (Принцип единственной ответственности).
O: Open-Closed Principle (Принцип открытости-закрытости).
L: Liskov Substitution Principle (Принцип подстановки Барбары Лисков).
I: Interface Segregation Principle (Принцип разделения интерфейса).
D: Dependency Inversion Principle (Принцип инверсии зависимостей).

В статье расписаны все принципы, с примерами хорошего и плохого кода.

REST vs SOAP

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

CSS | Коллекция анимированных фонов

Десять примеров анимации фона выполненных без использования скриптов, все примеры выполнены на CodePen, поэтому их легко взять на вооружение.