Frontender Libs - обзор библиотек JS / CSS
8.46K subscribers
2.02K photos
735 videos
2 files
239 links
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront

Менеджер по рекламе: @Spiral_Yuri

Купить рекламу: https://telega.in/c/sWebDev
Download Telegram
Какое ключевое качество отличает успешного PHP-разработчика? — Любознательность.

Чтобы решать задачи на Middle+ уровне, необходимо уметь работать с экосистемой PHP.

Начните получать необходимые навыки 13 апреля на демо-занятии «Экосистема PHP». Вместе с Александром Пряхиным, СТО в CityAds Media, вы разберете:
- Какие темы и когда нужно изучать?
- Почему надо задавать вопросы и исследовать все вокруг?

Демо-урок является частью онлайн-курса «PHP Developer. Professional». Используйте эту возможность попробовать курс, познакомиться с преподавателем и получить ценные знания.

Для регистрации на занятие пройдите вступительный тест https://otus.pw/t0yj/
PHP | Статичные конструкторы

Для создания объектов используется метод __construct.

Если же объекты вашего класса можно создавать разными способами, то вместо ручного создания в каждом случае, можно использовать статичные методы и приватный конструктор.
JS | Drag-and-drop всё что нужно знать

Drag’n’Drop – отличный способ улучшить интерфейс. Захват элемента мышкой и его перенос визуально упростят что угодно: от копирования и перемещения документов до оформления заказа.

В стандарте HTML5 есть раздел о Drag and Drop – и там есть специальные события именно для Drag’n’Drop переноса, такие как dragstart, dragend и так далее.

Подробности в статье.
CSS | Все способы реализации masonry раскладки

При masonry-раскладке элементы располагаются один за другим в строчном направлении. При переносе на новую строку они могут смещаться вверх, заполняя пространство, оставленное коротким элементом, расположенным на предыдущей строке текущей колонки.

В статье показаны разные способы создания такой разметки, включая самые последние, экспериментальные.
Зарабаток меньше 100к - потеря времени

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

Курс Профессия веб-разработчик откроет двери в лучшие компании, там вас научат всему необходимому и подготовят к собеседованиям в компаниях-партнёрах

Краткое содержание:

📌 Веб-верстка
📌 Javascript
📌 PHP
📌 Laravel
📌 Node.js
📌 React / Angular / Vue на выбор
📌 Бонусные курсы по английскому / git / веб дизайну и тд.

(все темы изучают с 0 до продвинутого уровня)

5 дипломных проектов пополнят ваше портфолио:

Верстка лендинга и интернет-магазина
Игра на Javascript
Интернет-магазин на выбранном Frontend фреймворке
Аналог Reddit на React.js
4 проекта на PHP

С такими знаниями ваша карьера быстро пойдет в гору

Первые 12 месяцев бесплатно
Какие размеры будут у блока .b (ширина х высота)
Anonymous Quiz
15%
400x0
21%
400x50
54%
200x100
10%
200x0
Какой заголовок запроса используется чтобы указать серверу предпочтительный язык?
Anonymous Quiz
12%
Preferred-Locale
48%
Content-Language
28%
Accept-Language
12%
Request-Locale
JS | Основные паттерны, теория и практика

Ёмкая и понятная статья про шаблоны программирования, все шаблоны снабжены примерами реализации и рекомендациями к использованию.
This media is not supported in your browser
VIEW IN TELEGRAM
CSS | Генератор CSS Grid

Layoutit grid - это генератор макетов CSS Grid. Быстро создавайте макеты веб-страниц с помощью простого редактора и получайте код HTML и CSS для быстрого старта проекта.
HTML | Семантическая верстка, рекомендации и советы

Семантическая
вёрстка — подход к разметке, который опирается не на внешний вид сайта, а на смысловое предназначение каждого блока и логическую структуру документа.

HTML5 принёс целый ворох семантических тегов - article, section, aside, nav, header, main, footer. В каких случаях их уместно использовать рассказывается в статье.
PHP | CORS

Cross-origin resource sharing - технология современных браузеров, которая позволяет предоставить веб-страницам доступ к ресурсам другого домена.

Чтобы ваше REST API могло отдавать данные приложениям на других доменах, достаточно добавить несколько заголовков к ответам.
PHP жив!

Совсем недавно релизнулся PHP 8.0.0, современный удобный типизированный язык, востребованность PHP-спецов на биржах вакансий выросла на 15% в 2020-м, скорость сильно улучшилась в последних релизах

На сегодняшний день самая популярная экосистема на базе PHP - Laravel, это:

- Коробочная интеграция с Vue.js
- Механизм для отложенных задач
- Сокеты с авторизацией
и многое другое.

На канале WebCraft практикующие разработчики делятся тонкостями работы с Laravel и Vue.js, бест практиками в PHP / JS / CSS

Подписывайся, качай скиллы 👇
Что выведется в консоли?
Anonymous Quiz
41%
undefined
8%
'baz'
34%
'foo'
17%
Error
JS | Советы по написанию читаемого кода

1. Пишите простой код с хорошим форматированием
2. Выбирайте осмысленные имена
3. Разбивайте код на самостоятельные функции
4. Выбирайте содержательные имена типов
5. Применяйте именованные константы
6. Выделяйте важные фрагменты кода
7. Объединяйте взаимосвязанные данные
8. Снабжайте файлы заголовками
9. Правильно обрабатывайте ошибки
10. Пишите осмысленные комментарии

Подробности в статье.
PHP | удаление элемента массива по значению

Удаление элемента из массива делается функцией unset. Но unset умеет удалять элементы из массивов только по ключу.

В примере показано как найти ключ и удалить элемент из массива в одну строку.
JS | Правильная обработка ошибок

Обработка ошибок важный этап при разработке приложений, неправильная обработка исключений может замедлить и усложнить отладку. В статье даются советы грамотной работы с выброшенными исключениями на простых и понятных примерах.
Чему будет равна толщина border и размер padding у div?
Anonymous Quiz
14%
border - 0, padding - 0
45%
border - 10px, padding - 0
41%
border - 10px, padding - 10px
array_map и array_walk очень похожи на первый взгляд. Они обе принимают массив и функцию, которая будет применена к элементам массива.

Разница же заключается в том, что array_walk применяет переданную функцию к каждому элементу, но не возвращает новый массив и не изменяет оригинальный. array_map же возвращает массив с результатами выполнения, а так же может принимать как аргументы несколько массивов.