Frontender Libs - обзор библиотек JS / CSS – Telegram
Frontender Libs - обзор библиотек JS / CSS
8.1K subscribers
2.04K photos
735 videos
4 files
247 links
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront

Купить рекламу: https://telega.in/c/sWebDev
Download Telegram
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 и возвращающий ответ.
This media is not supported in your browser
VIEW IN TELEGRAM
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 (Принцип инверсии зависимостей).

В статье расписаны все принципы, с примерами хорошего и плохого кода.
Какое максимальное одновременое количество значений может быть у свойства border-radius?
Anonymous Quiz
12%
1
7%
2
62%
4
19%
8
Какой встроенной функцией PHP можно заполнить строку слева?
Anonymous Quiz
35%
left_pad
40%
str_pad
25%
padStart
REST vs SOAP

При выборе архитектуры для веб-сервиса может встать вопрос какую лучше использовать, в статье объясняется что такое REST и SOAP, а так же их отличия и показаны задачи для которых их уместно использовать.
This media is not supported in your browser
VIEW IN TELEGRAM
CSS | Коллекция анимированных фонов

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

На сайте собраны статьи с советами и примеры кода для JS, CSS, React и Pyton.
Статьи снабжены наглядным демо, есть удобный поиск по записям.