Почему разрабатывать продукты без тестировщика — плохая идея?
Качественное тестирование — неотъемлемая часть успешной разработки любых продуктов. К сожалению, некоторые недооценивают значимость этой профессии, считая QA-инженеров лишним звеном между продом и программистом.
Эта статья показывает ключевые преимущества наличия специалиста по тестированию в команде и его влияние на конечное качество продукта.
#тестирование
Качественное тестирование — неотъемлемая часть успешной разработки любых продуктов. К сожалению, некоторые недооценивают значимость этой профессии, считая QA-инженеров лишним звеном между продом и программистом.
Эта статья показывает ключевые преимущества наличия специалиста по тестированию в команде и его влияние на конечное качество продукта.
#тестирование
Вопросы с собеседований: что такое специфичность CSS-селекторов и как она работает?
Типы селекторов расположены по возрастанию специфичности:
— Селекторы типов элементов (например, h1) и псевдоэлементов (например, ::before).
— Селекторы классов (например, .example), селекторы атрибутов (например, [type="radio"]) и псевдоклассов (например, :hover)
— Селекторы идентификаторов (например, #example).
Универсальный селектор (*), комбинаторы (+, >, ~, ' ') и отрицающий псевдокласс (:not()) не влияют на специфичность. Но селекторы, объявленные внутри :not(), влияют.
Стили, обьявленные в элементе (например, style="font-weight:bold"), всегда переопределяют любые правила из внешних файлов стилей и, таким образом, их специфичность можно считать наивысшей.
Расчёт специфичности:
— тег и псевдоэлемент имеют специфичность 0001;
— класс, псевдокласс, атрибут — 0010;
— id имеет специфичность 0100;
— инлайновый стиль имеет приоритет 1000.
#основы #собеседование #css
Типы селекторов расположены по возрастанию специфичности:
— Селекторы типов элементов (например, h1) и псевдоэлементов (например, ::before).
— Селекторы классов (например, .example), селекторы атрибутов (например, [type="radio"]) и псевдоклассов (например, :hover)
— Селекторы идентификаторов (например, #example).
Универсальный селектор (*), комбинаторы (+, >, ~, ' ') и отрицающий псевдокласс (:not()) не влияют на специфичность. Но селекторы, объявленные внутри :not(), влияют.
Стили, обьявленные в элементе (например, style="font-weight:bold"), всегда переопределяют любые правила из внешних файлов стилей и, таким образом, их специфичность можно считать наивысшей.
Расчёт специфичности:
— тег и псевдоэлемент имеют специфичность 0001;
— класс, псевдокласс, атрибут — 0010;
— id имеет специфичность 0100;
— инлайновый стиль имеет приоритет 1000.
#основы #собеседование #css
Личный опыт: как дойти от пет-проекта до своего департамента
Сервис Доски — российская интерактивная онлайн-доски для совместной работы, которая входит в экосистему МТС Линк. Создатели в материале рассказали, как найти идею для проекта и выйти на рынок.
Если вам интересно, что помогло им вырасти из стартапа до коммерчески успешного продукта, и какие решения они принимали на пути, читайте статью.
#карьера #петпроект
Сервис Доски — российская интерактивная онлайн-доски для совместной работы, которая входит в экосистему МТС Линк. Создатели в материале рассказали, как найти идею для проекта и выйти на рынок.
Если вам интересно, что помогло им вырасти из стартапа до коммерчески успешного продукта, и какие решения они принимали на пути, читайте статью.
#карьера #петпроект
Google опубликовала итоги 2023 для CSS
Получился интересный обзор уникальных и долгожданных фич, появившихся в CSS в этом году. Там про архитектурные основы, работу с цветом, типографику, отзывчивую вёрстку и многое другое: https://developer.chrome.com/blog/css-wrapped-2023
#тренды #css
Получился интересный обзор уникальных и долгожданных фич, появившихся в CSS в этом году. Там про архитектурные основы, работу с цветом, типографику, отзывчивую вёрстку и многое другое: https://developer.chrome.com/blog/css-wrapped-2023
#тренды #css
Такого ужасного интерфейса вы ещё не видели
Вы же встречали неудобные формы для ввода данных на сайте? Тут в одной месте собрали целую коллекцию UX-адовых форм для ввода номера.
Забирайте к себе в проекты: https://fun.mishasaidov.com/badux/
#дизайн #ux
Вы же встречали неудобные формы для ввода данных на сайте? Тут в одной месте собрали целую коллекцию UX-адовых форм для ввода номера.
Забирайте к себе в проекты: https://fun.mishasaidov.com/badux/
#дизайн #ux
Видео, в котором обсуждают пачку популярных вопросов на собеседовании по фронтенду
HTML теги и атрибуты, prefers-reduced-motion, реализация отложенной загрузки изображений, объект Proxy и еще несколько тем: https://www.youtube.com/watch?v=zcF-CVtXSBI
Вообще неплохой канал по веб-разработке, а это уже 53 выпуск с разбором вопросов с собеседований. Из минусов — большинство из них доступны за донат. Но конкретно это видео и первые 6 выпусков — нет. Так что приятного просмотра :)
#основы #собеседование
HTML теги и атрибуты, prefers-reduced-motion, реализация отложенной загрузки изображений, объект Proxy и еще несколько тем: https://www.youtube.com/watch?v=zcF-CVtXSBI
Вообще неплохой канал по веб-разработке, а это уже 53 выпуск с разбором вопросов с собеседований. Из минусов — большинство из них доступны за донат. Но конкретно это видео и первые 6 выпусков — нет. Так что приятного просмотра :)
#основы #собеседование
Если не знали, у нас в самом разгаре батл языков программирования. И так вышло, что сейчас соревнуются PHP, JS и Ruby.
Дело за малым — проголосовать за лучший из них: https://tproger.ru/articles/chetvyortyj-raund-bitvy-yazykov-programmirovaniya-v-2023-godu
#javascript #php #ruby
Дело за малым — проголосовать за лучший из них: https://tproger.ru/articles/chetvyortyj-raund-bitvy-yazykov-programmirovaniya-v-2023-godu
#javascript #php #ruby
Какой браузер вы посоветуете использовать в 2024 году? Что лучше Edge или Opera? Firefox ещё жив? За каким проектом будущее, а какой окончательно умер?
#обсуждение
#обсуждение
Создаем чат в реальном времени с помощью React, Node, Socket.io и HarperDB
Фронтенд: React (фронтенд-фреймворк JavaScript для создания интерактивных приложений).
Бэкенд: Node и Express (Express — очень популярный фреймворк NodeJS, который помогает легко создавать API и бэкенды).
БД: HarperDB (платформа для работы с данными и приложениями, которая позволяет запрашивать данные с помощью SQL или NoSQL. HarperDB также имеет встроенный API, что избавляет нас от необходимости писать много кода для бэкенда).
Коммуникация в реальном времени: Socket.io.
Исходники: https://github.com/DoableDanny/Realtime-chat-app-with-rooms
Гайд с пояснениями: https://habr.com/ru/companies/otus/articles/778594/
#nodejs #react
Фронтенд: React (фронтенд-фреймворк JavaScript для создания интерактивных приложений).
Бэкенд: Node и Express (Express — очень популярный фреймворк NodeJS, который помогает легко создавать API и бэкенды).
БД: HarperDB (платформа для работы с данными и приложениями, которая позволяет запрашивать данные с помощью SQL или NoSQL. HarperDB также имеет встроенный API, что избавляет нас от необходимости писать много кода для бэкенда).
Коммуникация в реальном времени: Socket.io.
Исходники: https://github.com/DoableDanny/Realtime-chat-app-with-rooms
Гайд с пояснениями: https://habr.com/ru/companies/otus/articles/778594/
#nodejs #react
Пожалуй, лучшее расширение для VSCode
Само расширение: https://marketplace.visualstudio.com/items?itemName=VirejDasani.incredibly-in-your-face
Исходники: https://github.com/virejdasani/Incredibly-InYourFace
#инструменты
Само расширение: https://marketplace.visualstudio.com/items?itemName=VirejDasani.incredibly-in-your-face
Исходники: https://github.com/virejdasani/Incredibly-InYourFace
#инструменты
Ничего необычного, просто 3 языка для веба в полуфинале батла языков: Python и Golang, JavaScript и C#.
Вы знаете, что делать: https://tproger.ru/articles/polufinal-bitvy-yazykov-programmirovaniya-v-2023-godu
#javascript #python #go
Вы знаете, что делать: https://tproger.ru/articles/polufinal-bitvy-yazykov-programmirovaniya-v-2023-godu
#javascript #python #go
Что лучше: Python или C#, Golang или JavaScript?
Это все — про финал батла языков программирования, где за первое и второе место соревнуются Python и C#, а за третье и четвёртое место — Golang и JavaScript.
Выберите те языки, которые вы любите больше других. Голосуйте сердцем! Не думайте о популярности языков или их востребованности. В этом турнире важна только народная любовь: https://tproger.ru/articles/final-bitvy-yazykov-programmirovaniya-v-2023-godu
Результаты финала подведём завтра, 27 декабря 2023 года до 11 часов по МСК.
#javascript #python #go
Это все — про финал батла языков программирования, где за первое и второе место соревнуются Python и C#, а за третье и четвёртое место — Golang и JavaScript.
Выберите те языки, которые вы любите больше других. Голосуйте сердцем! Не думайте о популярности языков или их востребованности. В этом турнире важна только народная любовь: https://tproger.ru/articles/final-bitvy-yazykov-programmirovaniya-v-2023-godu
Результаты финала подведём завтра, 27 декабря 2023 года до 11 часов по МСК.
#javascript #python #go
Новогодняя игра «Помощник Санты»
Игра — лучший способ потренировать HTML, CSS и JavaScript. Тем более, игра новогодняя, а у проекта полностью открытые исходники.
Сохраните, чтобы не потерять. Будет чем заняться на праздниках: https://codepen.io/housamz/pen/KKgmMLm
#codepen #gamedev
Игра — лучший способ потренировать HTML, CSS и JavaScript. Тем более, игра новогодняя, а у проекта полностью открытые исходники.
Сохраните, чтобы не потерять. Будет чем заняться на праздниках: https://codepen.io/housamz/pen/KKgmMLm
#codepen #gamedev
Forwarded from Типичный программист
Битва за звание лучшего языка программирования 2023 подошла к концу
Вот тройка победителей битвы по результатам финального голосования:
1. C# — первое место. Этот язык обошёл Python всего на 30 голосов, и он становится лучшим языком программирования в 2023 году. В прошлом году он также выиграл в батле.
2. Python — второе место. В батлах 2020 и 2021 годов он занимал первое место, а в 2022 так же оказался на втором. Он уступил C# совсем немного голосов.
3. JavaScript — третье место. Язык программирования обошёл Golang и вырвал право находиться среди победителей. В 2022 году на третьем месте находилась Java, которая выиграла у TypeScript.
Подробнее о результатах: https://tproger.ru/articles/batl-yazykov-programmirovaniya-2023-zaverwilsya
Поделитесь своим мнением: как вы считаете, справедливы ли результаты? И какие языки программирования вы бы хотели видеть в следующем году?
#toplang2023
Вот тройка победителей битвы по результатам финального голосования:
1. C# — первое место. Этот язык обошёл Python всего на 30 голосов, и он становится лучшим языком программирования в 2023 году. В прошлом году он также выиграл в батле.
2. Python — второе место. В батлах 2020 и 2021 годов он занимал первое место, а в 2022 так же оказался на втором. Он уступил C# совсем немного голосов.
3. JavaScript — третье место. Язык программирования обошёл Golang и вырвал право находиться среди победителей. В 2022 году на третьем месте находилась Java, которая выиграла у TypeScript.
Подробнее о результатах: https://tproger.ru/articles/batl-yazykov-programmirovaniya-2023-zaverwilsya
Поделитесь своим мнением: как вы считаете, справедливы ли результаты? И какие языки программирования вы бы хотели видеть в следующем году?
#toplang2023
Разработчики фреймворка Vue напомнили, что цикл поддержки Vue 2 завершается в конце 2023 года
В блоге Vue рассказали, что 31 декабря 2023 года заканчивается цикл поддержки Vue 2. Разработчикам следует перейти на актуальную версию.
После 31 декабря 2023 года Vue 2 перестанет получать новые функции, исправления ошибок и обновления. Устаревшую версию фреймворка не будут удалять из официальных каналов распространения.
Кроме того, следующие npm-пакеты будут отмечены как устаревшие:
— все основные и второстепенные версии ядра Vue 2;
— версии vue-router, поддерживающие работу только с Vue 2;
— версии vuex, поддерживающие только Vue 2.
Для тех, кто не может в ближайшее время совершить миграцию на Vue 3, разработчики рекомендуют:
— обновиться до версии 2.7.16, которая выйдет в конце этого месяца и будет содержать в себе несколько важных исправлений;
— если в проекте строгие требования к безопасности, то можно перейти на версию Vue 2 NES (Never-Ending Support) от HeroDevs.
Ох уж этот дивный мир JS, где разработчики переписывают с нуля каждый фреймворк без обратной совместимости...
#vue
В блоге Vue рассказали, что 31 декабря 2023 года заканчивается цикл поддержки Vue 2. Разработчикам следует перейти на актуальную версию.
После 31 декабря 2023 года Vue 2 перестанет получать новые функции, исправления ошибок и обновления. Устаревшую версию фреймворка не будут удалять из официальных каналов распространения.
Кроме того, следующие npm-пакеты будут отмечены как устаревшие:
— все основные и второстепенные версии ядра Vue 2;
— версии vue-router, поддерживающие работу только с Vue 2;
— версии vuex, поддерживающие только Vue 2.
Для тех, кто не может в ближайшее время совершить миграцию на Vue 3, разработчики рекомендуют:
— обновиться до версии 2.7.16, которая выйдет в конце этого месяца и будет содержать в себе несколько важных исправлений;
— если в проекте строгие требования к безопасности, то можно перейти на версию Vue 2 NES (Never-Ending Support) от HeroDevs.
Ох уж этот дивный мир JS, где разработчики переписывают с нуля каждый фреймворк без обратной совместимости...
#vue
