WebDEV

Выберите правильный вариант 👇🏼 #test #js

📑 Yaml vs Json — что круче? Сегодня поговорим об интересном (и таинственном для фронтов) формате YAML. Он считается одним из наиболее популярных форматов для файлов конфигураций. Файлы с расширением .yaml или .yml вы можете встретить довольно часто, например .travis.yml (для Travis Build), .gitlab-ci.yml (для git lab CI) и др. И тогда возникают резонные вопросы: что это за формат и чем он отличается от JSON-а? Цель этой статьи — познакомить вас со структурой YAML, помочь понимать, читать и изменять YAML-файлы. Для тех, кто уже знаком с форматом — напомнить про некоторые его особенности. И сравнить YAML с JSON. #статьи

🔥 Лучшее на канале за неделю 1. Декларативный подход в Angular. 2. Gridsome — гибкий генератор статических сайтов на базе Vue.js. 3. Современные и эффективные CSS-раскладки.

Заложи фундамент своей карьеры во фронтенде! Стань junior+ разработчиком JavaScript c начальной зарплатой 60 тыс. рублей. - Ты только начал или собираешься изучать JavaScript - Хочешь наработать серьезное портфолио и уверенно чувствовать себя на собеседовании - Тебе интересно окунуться в атмосферу реальной разработки и оказаться в профессиональном сообществе - Не боишься ошибаться и ищешь наставника, с которым сможешь расти быстрее Онлайн-курс с персональным ментором «JavaScript Developer. Basic» поможет тебе освоить актуальный стек технологий: React, Typescript, Webpack, Babel, Node.js + необходимые разработчику навыки в Git, покрытие тестами, CI и многое другое. Оставь заявку, чтобы занять место по спец.цене https://otus.pw/MJYe/

💡 Современные и эффективные CSS-раскладки ▍Часть 11 Перед прочтением рекомендуем ознакомиться с первой, второй, третьей, четвёртой, пятой, шестой, седьмой, восьмой, девятой и десятой частями. Ключевым моментом данной раскладки является свойство justify-content: space-between, которое размещает первый и последний дочерние элементы у края родителя, поровну распределяя доступное пространство между самими элементами. В нашем случае внутри карточек выбран режим раскладки Flexbox, с вертикальным расположением элементов, заданным с использованием flex-direction: column Это размещает заголовок, описание и блок изображения в одну колонку внутри родительской карточки. Затем применяется свойство justify-content: space-between, прикрепляющее первый (заголовок) и последний (блок изображения) элементы к краям, а блок описания между ними.

.parent {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

Видео-демонстрацию смотрите ниже под этим постом. #советы #coding #css

🛠 Karma позволяет запускать тесты JS-кода в реальной среде браузера и даже в нескольких браузерах одновременно. Она работает с Mocha, Jasmine и другими популярными фреймворками для тестирования. #инструменты #js

Онлайн-конференция ЮMoneyDay 28 ноября в 10:00 стартует онлайн-конференция, на которой программисты, QA-инженеры, аналитики и другие IT-специалисты из ЮMoney (ex-Яндекс.Деньги) выступят с докладами о Java, JS, QA, разработке на iOS/Android, архитектуре, SQL, СI/СD, менеджменте проектов. Можно будет задать вопросы спикерам и поучаствовать в викторине (лучшие получат призы). Регистрируйтесь по ссылке и участвуйте

📑 Таблицы и CSS-свойство float в современной веб-разработке Больше двадцати лет тому назад таблицы были основным HTML-средством для оформления веб-страниц. Таблицы давали веб-мастерам стабильный механизм для создания сайтов, имеющих некие признаки «дизайна». Содержимое страниц больше не должно было идти строго сверху вниз. Материалы можно было размещать в ячейках таблиц, располагавшихся слева направо и сверху вниз. В те времена это казалось большим достижением. #статьи #html #css

Frontend-разработчики — пожалуй, самые востребованные IT-специалисты здесь и сейчас. Освоить фронтенд — не так уж сложно, особенно если есть хорошие учителя, удобная программа, наставники, кураторы и чат поддержки. Образовательная экосистема GeekBrains от Mail.Ru Group набирает студентов на новый поток факультета Frontend-разработки для всех, кто хочет найти себя в IT! Вы сделаете пять проектов для портфолио, получите год опыта frontend-разработки для вашего резюме (от GeekUniversity) и освоите престижную специальность. GeekBrains гарантирует трудоустройство после успешного окончания курса! Сейчас скидка на курс 45% Сделайте первый шаг в Frontend → https://geekbrains.ru/link/JzmoPE

Подробное объяснение теста в чате @webb_chat

Выберите правильный вариант 👇🏼 #test #js

💡 Современные и эффективные CSS-раскладки ▍Часть 10 Перед прочтением рекомендуем ознакомиться с первой, второй, третьей, четвёртой, пятой, шестой, седьмой, восьмой и девятой частями. Снова применяется функция repeat(), но на этот раз вместо числового значения используется ключевое слово auto-fit. Это активирует автоматическое расположение дочерних элементов, для которых базовая минимальная ширина равна 150px но может увеличиваться до 1fr. Это значит, что на маленьких экранах они будут занимать 1fr ширины, а при появлении достаточного пространства, элементы, расположенные ниже будут перетекать в первую строку. Если в родительском элементе освобождается дополнительное место, в режиме auto-fit дочерние элементы будут растягиваться, чтобы это место заполнить. Если же изменить режим на auto-fill, элементы не будут превышать базовый размер из функции minmax(<baseWidth>, 1fr).

.parent {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}

#советы #coding #css

🚀Сделаем из тебя Веб разработчика за 3 месяца - нужно только решиться! В США буткемпы уже несколько лет помогают людям без опыта стать разработчиками и найти позицию в топовых IT-компаниях мира от Google и Microsoft, до Uber и Amazon. Мы адаптировали формат под наш рынок и предлагаем: 💪 12 недель супер интенсивной практики на реальных проектах; 🎖 6 реальных проектов в портфолио, которые оценят работодатели; 🤩 Постоянную обратную связь и персональные сессии с нашими учителями - разработчиками с многолетним стажем; 🙋‍♂️ Тренинги по soft skills, помощь с составлением резюме и тестовые собеседования - все, чтобы подготовить тебя к работе; 🏆 И главное - возможность претендовать на позицию джуниор фронтенд разработчик уже через 3 месяца! Стек: HTML, CSS, JavaScript, React, NodeJS Остались вопросы? Наши контакты, истории выпускников и описание программы здесь: https://s.algoritmika.org/10dam9u

🛠 Gridsome — гибкий генератор статических сайтов на базе Vue.js. Фреймворк позволяет взять любую CMS, API или просто набор файлов разметки и преобразовать их в быстрый, современный веб-сайт с предварительной визуализацией. #инструменты

19 ноября подключайтесь к онлайн-конференции для бизнес-интеграторов Callday.Connect. Организаторы – Calltouch и Albato. Для кого эта конференция? 1. Для компаний-интеграторов. Лидеры отрасли расскажут, как выстраивают клиентские процессы, поднимают маржинальность, проводят финансовое планирование и мотивируют команду. 2. Для бизнеса. Участники узнают про интеграционные возможности ведущих компаний отрасли и поймут, как автоматизировать процессы, создавать экосистемы нужных сервисов без программистов и ускорить развитие. Спикеры онлайн-конференции: Albato, агентство автоматизации продаж ЛАЙМ, Get8, iFabrique, Ингруппа, MACRO, Ингруппа, NeuroCRM и Calltouch. Участие бесплатно, регистрация по ссылке: https://clck.ru/RnwAb

Подробное объяснение теста в чате @webb_chat