str_replace

str_replace - функция php для замены подстроки в строке.

В качестве параметров может принимать как отдельные строки так и массивы.

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

Если в качестве третьего аргумента передан массив, то замена будет произведена во всех строках, и результатом функции также будет массив.

JS | Используем консоль браузера по максимуму

Консольная панель в DevTools вашего любимого браузера может быть очень мощным союзником при устранении неполадок в веб-приложении. Регистрируйте данные, отправляйте запросы, манипулируйте элементами DOM, консоль может все это делать!

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

CSS | Очень подробная документация по гридам

Этот учебник предназначен для ознакомления с функциями CSS-grid. Он лучше всего подходит для тех, кто только начинает работать с сеткой CSS, но хочет знать обо всем объеме функций, лежащих в основе CSS-grid.

JS | eruda - консоль для мобильных браузеров

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

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 дипломных проекта для вашего резюме, а первый платеж - только через полгода