Как организована веб-платформа
Вы наверняка слышали про веб-платформу, спецификации, W3C, CSSWG и другие организации, которые создают технологии, которыми мы пользуемся каждый день для создания веб-интерфейсов. Но от этого всегда веяло какой-то тайной, всё казалось переусложнённым и не вызывало доверия. Давайте разберёмся, как устроено создание спецификаций и как можно принять участие в развитии веб-платформы.
https://proglib.io/w/c9a26709
#web
Вы наверняка слышали про веб-платформу, спецификации, W3C, CSSWG и другие организации, которые создают технологии, которыми мы пользуемся каждый день для создания веб-интерфейсов. Но от этого всегда веяло какой-то тайной, всё казалось переусложнённым и не вызывало доверия. Давайте разберёмся, как устроено создание спецификаций и как можно принять участие в развитии веб-платформы.
https://proglib.io/w/c9a26709
#web
Авторские и переводные статьи по фронтенду
Как организована веб-платформа — Веб-стандарты
Что за веб-платформа, W3C, WHATWG, CSS-спеки, тесты и зачем вообще всё это надо.
Используйте ссылки и кнопки правильно. Пожалуйста
При вёрстке макета не всегда понятно, что перед нами — кнопка или ссылка. Внешне эти элементы могут быть очень похожи, но их функции различаются и браузер реагирует на них по-разному. Поэтому неправильный выбор может привести к ошибкам в работе сайта.
https://proglib.io/w/ed2ee022
При вёрстке макета не всегда понятно, что перед нами — кнопка или ссылка. Внешне эти элементы могут быть очень похожи, но их функции различаются и браузер реагирует на них по-разному. Поэтому неправильный выбор может привести к ошибкам в работе сайта.
https://proglib.io/w/ed2ee022
🛠 Продвинутые советы и хитрости console.log
Console – встроенный отладчик браузера. Многие разработчики постоянно используют в коде console.log() для вывода отладочных сообщений, но этот инструмент может предложить гораздо больше.
https://proglib.io/w/a777e9aa
#browser
Console – встроенный отладчик браузера. Многие разработчики постоянно используют в коде console.log() для вывода отладочных сообщений, но этот инструмент может предложить гораздо больше.
https://proglib.io/w/a777e9aa
#browser
☕️ Твой JavaScript должен быть проще: 10 приемов современного разработчика
Советы по написанию короткого, лаконичного и чистого кода на JavaScript
https://proglib.io/w/85413ba7
#javascript
Советы по написанию короткого, лаконичного и чистого кода на JavaScript
https://proglib.io/w/85413ba7
#javascript
React испортил веб-разработку
React — это хорошая библиотека, важная для веб-разработки. Однако он зародил в сообществе новый тренд, когда всё вращается вокруг хайпа, новизны и создания новых сдвигов парадигм.
https://proglib.io/w/f650eef7
#react
React — это хорошая библиотека, важная для веб-разработки. Однако он зародил в сообществе новый тренд, когда всё вращается вокруг хайпа, новизны и создания новых сдвигов парадигм.
https://proglib.io/w/f650eef7
#react
5 июля старт Podlodka Soft Skills Crew – новой конференции про софт-скиллы!
🟢 Перед конференций мы проведём несколько открытых вводных сессий о том, зачем нужны софт-скиллы.
Интенсив продлится две недели. Встречаемся дважды в день: утром и вечером
Вас ждут: крутые спикеры, сессии в лайве, ламповое общение и обмен кейсами в слаке, записи (для тех, кто не успевает на лайв).
🟢 Тема первой недели: Коммуникации
Во время неё узнаем, как общаться с другими людьми без стресса, даже если вы "интроверт". Обсудим принципы хорошей обратной связи руководству и коллегам. А ещё научимся распознавать манипуляции и защищаться от них.
🟢 Тема второй недели: Problem solving
Познакомимся с моделями мышления, научимся проходить поведенческие и проблемные интервью (типичные для FAANG). А также расширим своё видение и узнаем, как думают топ-менеджеры и предприниматели.
Подробности нашего свежего формата уже на сайте!🔥
🟢 Перед конференций мы проведём несколько открытых вводных сессий о том, зачем нужны софт-скиллы.
Интенсив продлится две недели. Встречаемся дважды в день: утром и вечером
Вас ждут: крутые спикеры, сессии в лайве, ламповое общение и обмен кейсами в слаке, записи (для тех, кто не успевает на лайв).
🟢 Тема первой недели: Коммуникации
Во время неё узнаем, как общаться с другими людьми без стресса, даже если вы "интроверт". Обсудим принципы хорошей обратной связи руководству и коллегам. А ещё научимся распознавать манипуляции и защищаться от них.
🟢 Тема второй недели: Problem solving
Познакомимся с моделями мышления, научимся проходить поведенческие и проблемные интервью (типичные для FAANG). А также расширим своё видение и узнаем, как думают топ-менеджеры и предприниматели.
Подробности нашего свежего формата уже на сайте!🔥
podlodka.io
Онлайн-конференция Podlodka Soft Skills Crew, сезон #5
Недельное мероприятие от команды Podlodka: ежедневные интерактивные сессии в Zoom, нон-стоп общение с экспертами и звёздами индустрии, закрытое профессиональное сообщество в Telegram.
Остаются последние дни регистрации на оплачиваемую стажировку ВТБ IT Юниор. Приглашаются студенты 3–4-го курса и выпускники бакалавриата, специалитета или магистратуры 2018−2023 годов выпуска по математическим, техническим, естественнонаучным или IT-направлениям. Вас ждет семь направлений на выбор: системная аналитика, сопровождение IT-инфраструктуры, администрирование и поддержка баз данных, DevOps, бизнес-аналитика, тестирование, разработка.
Преимущества стажировки:
— Комфортные условия: конкурентная заработная плата и все корпоративные преимущества, включая ДМС и социальный пакет.
— Ментор, с которым вы определите персональные цели и возможные векторы развития в IT-отрасли.
— Мастер-классы от главных IT-экспертов банка, участие в технологических завтраках, серии митапов для развития профессиональных компетенций, вебинары для роста личной эффективности, а также тренинг по банковскому бизнесу.
Успейте зарегистрироваться до 4 июля включительно: https://clck.ru/VqUDe
Преимущества стажировки:
— Комфортные условия: конкурентная заработная плата и все корпоративные преимущества, включая ДМС и социальный пакет.
— Ментор, с которым вы определите персональные цели и возможные векторы развития в IT-отрасли.
— Мастер-классы от главных IT-экспертов банка, участие в технологических завтраках, серии митапов для развития профессиональных компетенций, вебинары для роста личной эффективности, а также тренинг по банковскому бизнесу.
Успейте зарегистрироваться до 4 июля включительно: https://clck.ru/VqUDe
5 техник сплиттинга бандла и ленивой загрузки в React
Реальные примеры с использованием Webpack: https://proglib.io/w/32f612ee
#performance #react
Реальные примеры с использованием Webpack: https://proglib.io/w/32f612ee
#performance #react
Запросы от контейнера в веб-компонентах
Использование самой ожидаемой фичи CSS внутри Shados DOM: https://proglib.io/w/9ad12bee
#css #webcomponents
Использование самой ожидаемой фичи CSS внутри Shados DOM: https://proglib.io/w/9ad12bee
#css #webcomponents
This media is not supported in your browser
VIEW IN TELEGRAM
Продолжаем следить за конкурсами с денежными призами. «Цифровой прорыв» совместно с Mail.Ru Group запускают IT-чемпионат по ML, AI и Data Science. Есть три задачи:
- Модель прогноза средних цен и объемов потребления товаров (ФНС России и Росстат)
- ИИ для поиска самолетов на снимках местности при проведении поисково-спасательных операций (Росавиация)
- ИИ для распознавания категории предмета музейного фонда (Минкультуры России)
Как видите, задачи практичные и важные, на решение дается целый месяц — с 14 июля по 14 августа. В каждой из трех задач есть 25 призовых мест, за первое место дают 100 тыс. ₽. Регистрация и подробности здесь: https://proglib.io/w/869d4b49
- Модель прогноза средних цен и объемов потребления товаров (ФНС России и Росстат)
- ИИ для поиска самолетов на снимках местности при проведении поисково-спасательных операций (Росавиация)
- ИИ для распознавания категории предмета музейного фонда (Минкультуры России)
Как видите, задачи практичные и важные, на решение дается целый месяц — с 14 июля по 14 августа. В каждой из трех задач есть 25 призовых мест, за первое место дают 100 тыс. ₽. Регистрация и подробности здесь: https://proglib.io/w/869d4b49
Хватит организовывать код по типу файлов
Почему "стековый" стиль организации файлов ужасен и есть ли какие-то альтернативы?
https://proglib.io/w/f1edf860
Почему "стековый" стиль организации файлов ужасен и есть ли какие-то альтернативы?
https://proglib.io/w/f1edf860
Бывает так: уже есть знания и навыки, и вдруг, передавая кому-то опыт, понимаешь: мне нравится помогать учиться, это моё. Если вы узнали себя, то мы как раз ищем авторов и преподавателей онлайн-курсов по следующимм направлениям:
– Python
– Алгоритмы и структуры данных
– HTML, CSS, JS
Удалённая работа, гибкий график, достойное вознаграждение. Требования простые: от авторов ждём опыт написания материалов для курсов, от преподавателей — навыки публичных выступлений, работы со студентами, готовность к видеосъемке.
В сообщении на @proglib_producer укажите, какая вакансия интереснее: автор или преподаватель. Кратко расскажите об опыте в IT, приложите резюме или портфолио.
Ваша Библиотека программиста,
https://proglib.io/
– Python
– Алгоритмы и структуры данных
– HTML, CSS, JS
Удалённая работа, гибкий график, достойное вознаграждение. Требования простые: от авторов ждём опыт написания материалов для курсов, от преподавателей — навыки публичных выступлений, работы со студентами, готовность к видеосъемке.
В сообщении на @proglib_producer укажите, какая вакансия интереснее: автор или преподаватель. Кратко расскажите об опыте в IT, приложите резюме или портфолио.
Ваша Библиотека программиста,
https://proglib.io/
Библиотека программиста
Материалы, которые научат и помогут программировать. Книги и лекции, видеоуроки и советы, тесты знаний и обсуждение горячих тем. Присоединяйтесь!
#вакансия #Frontend #удаленка #fulltime
🔍Ищу Frontend developer☀ (удаленный формат работы)
🔷Компания: Freedom finance technologies
🔷Локация: Кипр, Лимасол
🔷Формат работы: fulltime, удаленка, гибкий график
🔷З/П: 3000-3500 eur net.
💙Про проект: эко-система для удобной торговли ценными бумагами и участия в IPO
👉 Что потребуется от Вас:
✔ Отличное знание JavaScript и стандартов (ES6+), HTML и CSS
✔ Глубокое понимание верстки (Flexbox, Grid и т.п.)
✔ Опыт использования gulp и webpack
✔ Навык работы по Git-флоу
Будут плюсом:
✔ опыт работы с платёжными системами или банковскими продуктами
👌Мы предлагаем:
🔷крутой проект, возможность
профессионального и карьерного роста в быстро развивающейся и коммерчески успешной компании;
🔷контракт с кипрским юрлицом (оформление через ИП);
🔷абсолютно белый доход, оплата больничных и отпусков итд.
📞telegram:@faina_kleinman
🔍Ищу Frontend developer☀ (удаленный формат работы)
🔷Компания: Freedom finance technologies
🔷Локация: Кипр, Лимасол
🔷Формат работы: fulltime, удаленка, гибкий график
🔷З/П: 3000-3500 eur net.
💙Про проект: эко-система для удобной торговли ценными бумагами и участия в IPO
👉 Что потребуется от Вас:
✔ Отличное знание JavaScript и стандартов (ES6+), HTML и CSS
✔ Глубокое понимание верстки (Flexbox, Grid и т.п.)
✔ Опыт использования gulp и webpack
✔ Навык работы по Git-флоу
Будут плюсом:
✔ опыт работы с платёжными системами или банковскими продуктами
👌Мы предлагаем:
🔷крутой проект, возможность
профессионального и карьерного роста в быстро развивающейся и коммерчески успешной компании;
🔷контракт с кипрским юрлицом (оформление через ИП);
🔷абсолютно белый доход, оплата больничных и отпусков итд.
📞telegram:@faina_kleinman
12 июля стартует новый сезон Podlodka Frontend Crew!
🔹 Интенсив продлится две недели. Встречаемся дважды в день: утром и вечером 🔥
Вас ждут: крутые спикеры, сессии в лайве, ламповое общение и обмен кейсами в слаке, записи (для тех, кто не успевает на лайв).
🔹 Во время первой недели разберём Архитектуру фронтенда
Научимся не просто строить приложения, а создавать такую архитектуру, которую можно быстро и безболезненно развивать. Поймём, почему архитектура — это не про названия папок.
Также разберёмся как повышать надёжность приложений.
🔹 На второй неделе углубимся в Разработку интерфейсов
Топим за то, что интерфейсы должны быть красивые, надежные и доступные 😉 Вы узнаете как верстать даже в самых сложных проектах. И, конечно, разберемся в библиотеках компонентов и дизайн-системах.
Вся подробная информация уже на сайте. Проходи и осмотрись, ждём тебя на борту!
🔹 Интенсив продлится две недели. Встречаемся дважды в день: утром и вечером 🔥
Вас ждут: крутые спикеры, сессии в лайве, ламповое общение и обмен кейсами в слаке, записи (для тех, кто не успевает на лайв).
🔹 Во время первой недели разберём Архитектуру фронтенда
Научимся не просто строить приложения, а создавать такую архитектуру, которую можно быстро и безболезненно развивать. Поймём, почему архитектура — это не про названия папок.
Также разберёмся как повышать надёжность приложений.
🔹 На второй неделе углубимся в Разработку интерфейсов
Топим за то, что интерфейсы должны быть красивые, надежные и доступные 😉 Вы узнаете как верстать даже в самых сложных проектах. И, конечно, разберемся в библиотеках компонентов и дизайн-системах.
Вся подробная информация уже на сайте. Проходи и осмотрись, ждём тебя на борту!
podlodka.io
Онлайн-конференция Podlodka Frontend Crew, сезон #6
Недельное мероприятие от команды Podlodka: ежедневные интерактивные сессии в Zoom по актуальным проблемам frontend-разработки, нон-стоп общение с экспертами и звёздами индустрии, закрытое профессиональное сообщество в Telegram.
Полное руководство по виртуальной DOM React
Борьба с бесполезными манипуляциями с DOM, согласование и алгоритм различий: https://proglib.io/w/8d111fc7
#react
Борьба с бесполезными манипуляциями с DOM, согласование и алгоритм различий: https://proglib.io/w/8d111fc7
#react
Webformyself
Полное руководство по виртуальной DOM React
Виртуальная модель DOM: что это такое, пример кода, синхронизация с библиотекой. Как работать быстрее. Фреймворки
Temporal: разбираемся с новым JavaScript API для дат и времени
https://proglib.io/w/7393a99a
#javascript
https://proglib.io/w/7393a99a
#javascript
Создание простого веб-сервера с помощью Node.js и Express
Пошаговое руководство: https://proglib.io/w/073ab236
#node
Пошаговое руководство: https://proglib.io/w/073ab236
#node
Липкая шапка сайта: 5 способов сделать лучше
Липкий хедер - весьма полезный паттерн интерфеса. Но только если он хорошо реализован: https://proglib.io/w/e0d98721
#interface
Липкий хедер - весьма полезный паттерн интерфеса. Но только если он хорошо реализован: https://proglib.io/w/e0d98721
#interface
5 методов сохранения состояния React-приложения между перезагрузками страницы
https://proglib.io/w/6eeb8248
#react
https://proglib.io/w/6eeb8248
#react
Medium
5 Methods to Persisting State Between Page Reloads in React
Learn different ways of persisting React state between page reloads