Что выведется в консоли?
Anonymous Quiz
31%
foo bar
7%
undefined bar
24%
foo undefined
30%
undefined undefined
9%
Reference Error
CSS |
Разработчики сайтов редко заботятся о том как их продукт выглядит в печатном виде, но люди по-прежнему печатают веб-страницы. Просто задумайтесь о статьях или постах в блогах, рецептах, контактной информации, картах или сайтах недвижимости.
В статье собраны примеры подготовки страницы к печати и разобраны основные css свойства отвечающие за отображение распечатанных страниц.
@media
print, рекомендации к написанию стилейРазработчики сайтов редко заботятся о том как их продукт выглядит в печатном виде, но люди по-прежнему печатают веб-страницы. Просто задумайтесь о статьях или постах в блогах, рецептах, контактной информации, картах или сайтах недвижимости.
В статье собраны примеры подготовки страницы к печати и разобраны основные css свойства отвечающие за отображение распечатанных страниц.
This media is not supported in your browser
VIEW IN TELEGRAM
PHP | Package Wizard
Package Wizard - это консольный инструмент для генерации структуры директорий и начальных файлов для пакетов Composer.
Package Wizard - это консольный инструмент для генерации структуры директорий и начальных файлов для пакетов Composer.
Что выведется в консоли?
Anonymous Quiz
36%
[{foo: 'foo'}]
36%
[{foo: 'foo',bar: 'bar'}]
14%
[{foo: 'foo'},{bar: 'bar'}]
14%
Error
Какое ключевое качество отличает успешного PHP-разработчика? — Любознательность.
Чтобы решать задачи на Middle+ уровне, необходимо уметь работать с экосистемой PHP.
Начните получать необходимые навыки 13 апреля на демо-занятии «Экосистема PHP». Вместе с Александром Пряхиным, СТО в CityAds Media, вы разберете:
- Какие темы и когда нужно изучать?
- Почему надо задавать вопросы и исследовать все вокруг?
Демо-урок является частью онлайн-курса «PHP Developer. Professional». Используйте эту возможность попробовать курс, познакомиться с преподавателем и получить ценные знания.
Для регистрации на занятие пройдите вступительный тест https://otus.pw/t0yj/
Чтобы решать задачи на Middle+ уровне, необходимо уметь работать с экосистемой PHP.
Начните получать необходимые навыки 13 апреля на демо-занятии «Экосистема PHP». Вместе с Александром Пряхиным, СТО в CityAds Media, вы разберете:
- Какие темы и когда нужно изучать?
- Почему надо задавать вопросы и исследовать все вокруг?
Демо-урок является частью онлайн-курса «PHP Developer. Professional». Используйте эту возможность попробовать курс, познакомиться с преподавателем и получить ценные знания.
Для регистрации на занятие пройдите вступительный тест https://otus.pw/t0yj/
JS | Drag-and-drop всё что нужно знать
Drag’n’Drop – отличный способ улучшить интерфейс. Захват элемента мышкой и его перенос визуально упростят что угодно: от копирования и перемещения документов до оформления заказа.
В стандарте HTML5 есть раздел о Drag and Drop – и там есть специальные события именно для Drag’n’Drop переноса, такие как dragstart, dragend и так далее.
Подробности в статье.
Drag’n’Drop – отличный способ улучшить интерфейс. Захват элемента мышкой и его перенос визуально упростят что угодно: от копирования и перемещения документов до оформления заказа.
В стандарте HTML5 есть раздел о Drag and Drop – и там есть специальные события именно для Drag’n’Drop переноса, такие как dragstart, dragend и так далее.
Подробности в статье.
CSS | Все способы реализации masonry раскладки
При masonry-раскладке элементы располагаются один за другим в строчном направлении. При переносе на новую строку они могут смещаться вверх, заполняя пространство, оставленное коротким элементом, расположенным на предыдущей строке текущей колонки.
В статье показаны разные способы создания такой разметки, включая самые последние, экспериментальные.
При masonry-раскладке элементы располагаются один за другим в строчном направлении. При переносе на новую строку они могут смещаться вверх, заполняя пространство, оставленное коротким элементом, расположенным на предыдущей строке текущей колонки.
В статье показаны разные способы создания такой разметки, включая самые последние, экспериментальные.
Зарабаток меньше 100к - потеря времени
100к - обычная ЗП в веб-разработке. К сожалению многие получают меньше, годами работая на стартовых позициях или фрилансе
Курс Профессия веб-разработчик откроет двери в лучшие компании, там вас научат всему необходимому и подготовят к собеседованиям в компаниях-партнёрах
Краткое содержание:
📌 Веб-верстка
📌 Javascript
📌 PHP
📌 Laravel
📌 Node.js
📌 React / Angular / Vue на выбор
📌 Бонусные курсы по английскому / git / веб дизайну и тд.
(все темы изучают с 0 до продвинутого уровня)
5 дипломных проектов пополнят ваше портфолио:
✅ Верстка лендинга и интернет-магазина
✅ Игра на Javascript
✅ Интернет-магазин на выбранном Frontend фреймворке
✅ Аналог Reddit на React.js
✅ 4 проекта на PHP
С такими знаниями ваша карьера быстро пойдет в гору
Первые 12 месяцев бесплатно
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
This media is not supported in your browser
VIEW IN TELEGRAM
CSS | Генератор CSS Grid
Layoutit grid - это генератор макетов CSS Grid. Быстро создавайте макеты веб-страниц с помощью простого редактора и получайте код HTML и CSS для быстрого старта проекта.
Layoutit grid - это генератор макетов CSS Grid. Быстро создавайте макеты веб-страниц с помощью простого редактора и получайте код HTML и CSS для быстрого старта проекта.
HTML | Семантическая верстка, рекомендации и советы
Семантическая вёрстка — подход к разметке, который опирается не на внешний вид сайта, а на смысловое предназначение каждого блока и логическую структуру документа.
HTML5 принёс целый ворох семантических тегов - article, section, aside, nav, header, main, footer. В каких случаях их уместно использовать рассказывается в статье.
Семантическая вёрстка — подход к разметке, который опирается не на внешний вид сайта, а на смысловое предназначение каждого блока и логическую структуру документа.
HTML5 принёс целый ворох семантических тегов - article, section, aside, nav, header, main, footer. В каких случаях их уместно использовать рассказывается в статье.
PHP жив!
Совсем недавно релизнулся PHP 8.0.0, современный удобный типизированный язык, востребованность PHP-спецов на биржах вакансий выросла на 15% в 2020-м, скорость сильно улучшилась в последних релизах
На сегодняшний день самая популярная экосистема на базе PHP - Laravel, это:
- Коробочная интеграция с Vue.js
- Механизм для отложенных задач
- Сокеты с авторизацией
и многое другое.
На канале WebCraft практикующие разработчики делятся тонкостями работы с Laravel и Vue.js, бест практиками в PHP / JS / CSS
Подписывайся, качай скиллы 👇
Совсем недавно релизнулся PHP 8.0.0, современный удобный типизированный язык, востребованность PHP-спецов на биржах вакансий выросла на 15% в 2020-м, скорость сильно улучшилась в последних релизах
На сегодняшний день самая популярная экосистема на базе PHP - Laravel, это:
- Коробочная интеграция с Vue.js
- Механизм для отложенных задач
- Сокеты с авторизацией
и многое другое.
На канале WebCraft практикующие разработчики делятся тонкостями работы с Laravel и Vue.js, бест практиками в PHP / JS / CSS
Подписывайся, качай скиллы 👇