Frontender Libs - обзор библиотек JS / CSS
前往频道在 Telegram
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/sWebDev
显示更多7 332
订阅者
-424 小时
-287 天
-11030 天
帖子存档
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 - консоль для мобильных браузеров
Если вам нужно открыть сайт в веб инспекторе, а под рукой только телефон и нет доступа к десктопному браузеру, вам поможет этот плагин. Позволяет открыть полноценную браузерную консоль прямо в телефоне.
CSS | Очень подробная документация по гридам
Этот учебник предназначен для ознакомления с функциями CSS-grid. Он лучше всего подходит для тех, кто только начинает работать с сеткой CSS, но хочет знать обо всем объеме функций, лежащих в основе CSS-grid.
JS | Используем консоль браузера по максимуму
Консольная панель в DevTools вашего любимого браузера может быть очень мощным союзником при устранении неполадок в веб-приложении. Регистрируйте данные, отправляйте запросы, манипулируйте элементами DOM, консоль может все это делать!
Есть так много способов получить интересную информацию из консоли, но многие используют лишь некоторые из них.
str_replace
str_replace - функция php для замены подстроки в строке.
В качестве параметров может принимать как отдельные строки так и массивы.
Если в качестве первого и второго параметра переданны массивы, то подстроки соответствующие элементам первого массива будут заменены подстроками из второго массива соответственно. Если в первом массиве больше элементов, чем во втором, то остальные подстроки будут заменены пустыми строками.
Если в качестве третьего аргумента передан массив, то замена будет произведена во всех строках, и результатом функции также будет массив.
🚀7-ми дневный марафон по HTML/CSS верстке для новичков.
4 вебинара, практика после каждого вебинара и поддержка в чате. На каждом вебинаре выдаем домашнее задание.
💪За неделю участники марафона узнают:
- Из чего состоят сайты;
- Как работают браузеры;
- Как устроена каждая веб-страница в интернете;
- Как происходит разработка веб-приложений;
- План самостоятельного обучения для освоения профессии «Frontend-разработчик»;
- Какие бывают роли в команде разработчиков.
🤩За неделю студенты научатся:
- Понимать и использовать языки HTML и CSS;
- С нуля создавать веб-страницы, содержащие текст, изображения и интерактивные элементы;
- Работать с Visual Studio Code и Figma — самыми популярными инструментами для веб-разработки.
🏆Участники марафона которые успешно дойдут до конца, получат скидку 10% на обучение в Algoritmika Coding Bootcamp.
Успейте на марафон, старт 16 января 🏃🏃♀️
https://s.algoritmika.org/eunxlc"
