6+5 способов сделать две колонки ✌️
От таблиц и флоатов до гридов и полной дичи 😱
https://proglib.io/w/221e9587
#video #css #layout
От таблиц и флоатов до гридов и полной дичи 😱
https://proglib.io/w/221e9587
#video #css #layout
YouTube
6+5 способов сделать две колонки ✌️ От таблиц и флоатов до гридов и полной дичи 😱
00:00 Интро
01:22 Таблица
03:06 Флоаты
04:10 Инлайны
06:02 Мультиколонки
07:21 Флексы
08:27 Гриды
08:51 Вторая группа
09:30 Позиционирование
10:18 Направление письма
11:39 SVG
15:59 Элемент
18:17 Фреймы
21:58 Баг в Safari
22:44 Выводы
23:35 Аутро
Нравится?…
01:22 Таблица
03:06 Флоаты
04:10 Инлайны
06:02 Мультиколонки
07:21 Флексы
08:27 Гриды
08:51 Вторая группа
09:30 Позиционирование
10:18 Направление письма
11:39 SVG
15:59 Элемент
18:17 Фреймы
21:58 Баг в Safari
22:44 Выводы
23:35 Аутро
Нравится?…
☕️ Распространенные алгоритмы и структуры данных в JavaScript: основные понятия и работа с массивами
Начинаем серию статей о реализации популярных алгоритмов и структур данных в JavaScript. Не факт, что веб-разработчику придется делать самому, скажем, пузырьковую сортировку, но про нее часто спрашивают на собеседованиях. К тому же знание общих подходов к решению подобных задач позволяет писать более качественный код.
https://proglib.io/w/616f2592
Начинаем серию статей о реализации популярных алгоритмов и структур данных в JavaScript. Не факт, что веб-разработчику придется делать самому, скажем, пузырьковую сортировку, но про нее часто спрашивают на собеседованиях. К тому же знание общих подходов к решению подобных задач позволяет писать более качественный код.
https://proglib.io/w/616f2592
Forwarded from Книги для программистов
JavaScript Next (2019)
Автор: Raju Gandhi
Количество страниц: 241
Благодаря множеству новых функций, код на JavaScript теперь выглядит лаконичнее, его удобнее отлаживать и легко понимать. Эта книга представляет собой практическое руководство по новым фичам, представленным в JavaScript, начиная с версии 6 ECMAScript и заканчивая ECMAScript 9.
Достоинства:
➕Хороший авторский стиль;
➕Множество примеров кода.
Недостатки:
➖Не замечено.
Скачать книгу
Автор: Raju Gandhi
Количество страниц: 241
Благодаря множеству новых функций, код на JavaScript теперь выглядит лаконичнее, его удобнее отлаживать и легко понимать. Эта книга представляет собой практическое руководство по новым фичам, представленным в JavaScript, начиная с версии 6 ECMAScript и заканчивая ECMAScript 9.
Достоинства:
➕Хороший авторский стиль;
➕Множество примеров кода.
Недостатки:
➖Не замечено.
Скачать книгу
API для фронтенд-разработки
Список простых Rest API для создания интересных продуктов: https://proglib.io/w/8572ffc3
#api
Список простых Rest API для создания интересных продуктов: https://proglib.io/w/8572ffc3
#api
#вакансия #удаленка #vuejs #middle #frontend
Вакансия:
Формат работы: удаленка
Занятость: полная (не более 6ч в день)
Зарплата: от 120 тыс.рублей по результатам собеседования.
Описание вакансии:
Мы команда, которая развивает собственную экосистему в области машинного зрения на основе нейросетей.
Сейчас мы разрабатываем SPA-приложение для виртуального социального помощника и мобильное приложение для дейтинга.
Проекты основаны на технологии с распознаванием черт лиц.
В связи с расширениям команды на постоянное сотрудничество требуется фронт-энд разработчик на Vue.js уровня от middle.
Необходимые навыки:
- HTML, CSS/SCSS. Опыт в кросс-браузерной, адаптивной и др. видах верстки без использования CSS-фреймворков);
- Опыт работы с pug.js и pugbem;
- Опыт работы на JavaScript, знание стандартов ECMAScript;
- Знание фреймворка vuejs, опыт работы с фреймворком от 1года;
- Опыт работы с Apollo и Graphql;
- Понимание микросервисной архитектуры;
- Навыки работы с git;
- Чистый, масштабируемый код;
- Умение работать с Trello;
- Навык разработки ТЗ и документации к коду;
- Образование среднее-профессиональное или бакалавриат;
- Опыт работы не менее 2 лет по профилю;
- Самостоятельность;
- Дисциплина и последовательность;
- Качество работы и ответственность;
- Внимательность и внимание к деталям;
Будет плюсом:
- Понимание принципов разработки Back-End приложений;
- Опыт работы и понимание принципов работы баз данных;
Название компании: Merlin AI
Контакты: @rockmax
Вакансия:
Формат работы: удаленка
Занятость: полная (не более 6ч в день)
Зарплата: от 120 тыс.рублей по результатам собеседования.
Описание вакансии:
Мы команда, которая развивает собственную экосистему в области машинного зрения на основе нейросетей.
Сейчас мы разрабатываем SPA-приложение для виртуального социального помощника и мобильное приложение для дейтинга.
Проекты основаны на технологии с распознаванием черт лиц.
В связи с расширениям команды на постоянное сотрудничество требуется фронт-энд разработчик на Vue.js уровня от middle.
Необходимые навыки:
- HTML, CSS/SCSS. Опыт в кросс-браузерной, адаптивной и др. видах верстки без использования CSS-фреймворков);
- Опыт работы с pug.js и pugbem;
- Опыт работы на JavaScript, знание стандартов ECMAScript;
- Знание фреймворка vuejs, опыт работы с фреймворком от 1года;
- Опыт работы с Apollo и Graphql;
- Понимание микросервисной архитектуры;
- Навыки работы с git;
- Чистый, масштабируемый код;
- Умение работать с Trello;
- Навык разработки ТЗ и документации к коду;
- Образование среднее-профессиональное или бакалавриат;
- Опыт работы не менее 2 лет по профилю;
- Самостоятельность;
- Дисциплина и последовательность;
- Качество работы и ответственность;
- Внимательность и внимание к деталям;
Будет плюсом:
- Понимание принципов разработки Back-End приложений;
- Опыт работы и понимание принципов работы баз данных;
Название компании: Merlin AI
Контакты: @rockmax
Сайты с модальными диалоговыми окнами без JavaScript
Магия псевдокласса :target https://proglib.io/w/36d118f7
#interface
Магия псевдокласса :target https://proglib.io/w/36d118f7
#interface
NOP::Nuances of programming
Сайты с модальными диалоговыми окнами без JavaScript
Повторюсь: сайты, которые используют JavaScript для большей части таких элементов, как модальные диалоговые окна, выпадающее меню, мобильные меню-«гамбургеры», зачастую демонстрируют полный провал в плане удобства пользования и доступности. В особенности…
Forwarded from Книги для программистов
Get Programming with Node.js (2019)
Автор: Jonathan Wexler
Количество страниц: 480
Автор книги учит писать серверный код на JavaScript с использованием Node.js. Из 37 динамичных, увлекательных и практических уроков вы узнаете, как расширить свои навыки JavaScript для написания бекенда ваших веб-приложений. Книга понравится фронтенд-разработчикам со средними знаниями JavaScript.
Что внутри:
✔️Новые фичи от ES2015 и далее;
✔️Написание асинхронного кода;
✔️Создание моделей данных;
✔️Отладка модулей JavaScript;
Достоинства:
➕Множество примеров кода;
➕Среди прочих тем автор затрагивает безопасность и шифрование.
Недостатки:
➖Не замечено.
Скачать книгу
Автор: Jonathan Wexler
Количество страниц: 480
Автор книги учит писать серверный код на JavaScript с использованием Node.js. Из 37 динамичных, увлекательных и практических уроков вы узнаете, как расширить свои навыки JavaScript для написания бекенда ваших веб-приложений. Книга понравится фронтенд-разработчикам со средними знаниями JavaScript.
Что внутри:
✔️Новые фичи от ES2015 и далее;
✔️Написание асинхронного кода;
✔️Создание моделей данных;
✔️Отладка модулей JavaScript;
Достоинства:
➕Множество примеров кода;
➕Среди прочих тем автор затрагивает безопасность и шифрование.
Недостатки:
➖Не замечено.
Скачать книгу
Привет, Username! Приглашаем тебя на новый хакатон Цифрового Прорыва на тему "Транспорт и логистика"!
Для тебя мы подготовили крутецкие кейсы от Росатома, Ростелекома, Транспортных инноваций Москвы, международного аэропорта Шереметьево, Accenture и др.!
Участвовать можно онлайн из любой точки России, либо в специальных оффлайн-коворкингах (см. список доступных на сайте).
Успей собрать команду 3-5 человек (или присоединиться к имеющимся), выбрать кейс и побороться за призовой фонд до 4.500.000 руб. 🚀🚀🚀
Регистрируйся прямо сейчас: https://proglib.io/w/f00304f5
Для тебя мы подготовили крутецкие кейсы от Росатома, Ростелекома, Транспортных инноваций Москвы, международного аэропорта Шереметьево, Accenture и др.!
Участвовать можно онлайн из любой точки России, либо в специальных оффлайн-коворкингах (см. список доступных на сайте).
Успей собрать команду 3-5 человек (или присоединиться к имеющимся), выбрать кейс и побороться за призовой фонд до 4.500.000 руб. 🚀🚀🚀
Регистрируйся прямо сейчас: https://proglib.io/w/f00304f5
Работа с датой и часовыми поясами в JavaScript
Все, что вы должны знать о работе со временем в JavaScript: https://proglib.io/w/31c31368
#javascript
Все, что вы должны знать о работе со временем в JavaScript: https://proglib.io/w/31c31368
#javascript
Сделаем худший Vue.js в мире
Разбираемся, что у Vue под капотом, и делаем примитивный клон: https://proglib.io/w/0693af00
#vue #frameworks
Разбираемся, что у Vue под капотом, и делаем примитивный клон: https://proglib.io/w/0693af00
#vue #frameworks
Хабр
Сделаем худший Vue.js в мире
Некоторое время назад я опубликовал похожую статью про React , где с помощью пары строк кода мы создали крошечный клон React.js с нуля. Но React — далеко не единственный инструмент в современном...
Адаптивный layout — как переверстать весь проект, не перевёрстывая его
Вёрстка — это первое, чему обычно учатся начинающие фронтендеры. Но когда вёрстки в вашем проекте становится очень много, поменять что-то — особенно везде и сразу — становится непросто. Переверстать большой проект, как правило, почти нереально. И если начинает казаться, что в какой-то задаче это нужно, вероятно, пришло время для более нестандартных методов.
https://proglib.io/w/c21cf924
#layout #css
Вёрстка — это первое, чему обычно учатся начинающие фронтендеры. Но когда вёрстки в вашем проекте становится очень много, поменять что-то — особенно везде и сразу — становится непросто. Переверстать большой проект, как правило, почти нереально. И если начинает казаться, что в какой-то задаче это нужно, вероятно, пришло время для более нестандартных методов.
https://proglib.io/w/c21cf924
#layout #css
Forwarded from Книги для программистов
Добрый вечер. Комьюнити Библиотеки программиста подумывает о том, чтобы организовать встречу офлайн в конце октября у нас на локации в мск. Хотим узнать ваше мнение, во что бы вы хотели поиграть в компании из 6-10 человек (единомышленников-программистов)
Anonymous Poll
15%
Монополия
20%
Мафия
9%
Крокодил
5%
Домино
18%
Покер
14%
Кто я такой (стикеры на лбу)
11%
Квизы (участики делятся на команды)
13%
Манчкин
4%
Другое (в комментариях)
41%
Полное прекращение работы Telegram в России
RenderingNG архитектура - следующее поколение веба
Разбор новой архитектуры рендеринга веб-страниц в Chromium:
👉 RenderingNG
👉 Overview of the RenderingNG architecture
#browser
Разбор новой архитектуры рендеринга веб-страниц в Chromium:
👉 RenderingNG
👉 Overview of the RenderingNG architecture
#browser
Функциональность drag-and-drop с react-beautiful-dnd
https://proglib.io/w/71ff5c7b
#interface #library
https://proglib.io/w/71ff5c7b
#interface #library
LogRocket Blog
Adding drag-and-drop functionality with react-beautiful-dnd - LogRocket Blog
See how to make your application powerful by animating it with the well-known drag-and-drop feature using the react-beautiful-dnd library.
Разбираемся с мемоизацией в JavaScript
По мере того, как наши приложения растут и начинают выполнять более тяжелые вычисления, возникает все большая потребность в скорости и оптимизации. Если мы игнорируем эту проблему, то получаем программы, выполнение которых занимают много времени и потребляет чудовищное количество системных ресурсов.
https://proglib.io/w/7cc4d18d
#performance
По мере того, как наши приложения растут и начинают выполнять более тяжелые вычисления, возникает все большая потребность в скорости и оптимизации. Если мы игнорируем эту проблему, то получаем программы, выполнение которых занимают много времени и потребляет чудовищное количество системных ресурсов.
https://proglib.io/w/7cc4d18d
#performance
▪️Ведущий разработчик Frontend Senior
▪️Удаленка
▪️250 000-300 000
Обязанности:
Разработка интерфейсов в команде с дизайнерами, продакт-менеджерами и бэкенд-разработчиками;
Проведение код-ревью;
Разрабатывать основной функционал city.online с использованием современных технологий.
Требования:
Опыт работы в Frontend-разработке от 3-х лет;
Опыт разработки веб приложений (TypeScript);
Опыт разработки SPA приложений;
Опыт разработки на React.JS;
Опыт работы с менеджерами состояний приложений для JS;
Опыт написания тестов для компонентов React;
Хорошие знания DOM, HTML, CSS;
Опыт использования инструментов: NPM, Webpack, Jest;
Понимание протокола HTTP и RESTful APIs;
Базовые знания: JavaScript, TypeScript, React.JS, D3.js, NPM, Webpack, CSS3, SCSS, Nginx.
▪️По всем вопросам: @julypustobaeva
▪️Удаленка
▪️250 000-300 000
Обязанности:
Разработка интерфейсов в команде с дизайнерами, продакт-менеджерами и бэкенд-разработчиками;
Проведение код-ревью;
Разрабатывать основной функционал city.online с использованием современных технологий.
Требования:
Опыт работы в Frontend-разработке от 3-х лет;
Опыт разработки веб приложений (TypeScript);
Опыт разработки SPA приложений;
Опыт разработки на React.JS;
Опыт работы с менеджерами состояний приложений для JS;
Опыт написания тестов для компонентов React;
Хорошие знания DOM, HTML, CSS;
Опыт использования инструментов: NPM, Webpack, Jest;
Понимание протокола HTTP и RESTful APIs;
Базовые знания: JavaScript, TypeScript, React.JS, D3.js, NPM, Webpack, CSS3, SCSS, Nginx.
▪️По всем вопросам: @julypustobaeva
☕️ Распространенные алгоритмы и структуры данных в JavaScript: стеки, очереди и связные списки
Продолжая серию статей об алгоритмах и структурах данных в JavaScript, рассмотрим другие линейные (массивоподобные) структуры – стеки, очереди и связные списки.
https://proglib.io/w/4ad4e31a
#algorithms #bestpractices
Продолжая серию статей об алгоритмах и структурах данных в JavaScript, рассмотрим другие линейные (массивоподобные) структуры – стеки, очереди и связные списки.
https://proglib.io/w/4ad4e31a
#algorithms #bestpractices
Как работает JS: технология Shadow DOM и веб-компоненты
Веб-компоненты — это семейство API, предназначенных для описания новых элементов DOM, подходящих для повторного использования. Функционал таких элементов отделён от остального кода, их можно применять в веб-приложениях собственной разработки.
https://proglib.io/w/0eb22264
Веб-компоненты — это семейство API, предназначенных для описания новых элементов DOM, подходящих для повторного использования. Функционал таких элементов отделён от остального кода, их можно применять в веб-приложениях собственной разработки.
https://proglib.io/w/0eb22264