Стильное отображение погоды для вашего сайта

Готовые виджеты на каждый случай. Выполнены с использованием SVG и JavaScript. Подсмотреть готовый код можно по ссылке:

https://codepen.io/ste-vg/pen/GqaZbo

#codepen

position: absolute;
right: -50%;

Что такое CI/CD? Разбираемся с непрерывной интеграцией и непрерывной поставкой

Возможно, вы уже сталкивались с данными терминами, но, что они означают? В статье автор раскрыл их значение, объяснил зачем используются эти технологии и рассказал о деталях их практического применения:

https://habr.com/ru/companies/otus/articles/515078/

Над постом вас будет ждать викторина, которая поможет вам проверить насколько хорошо вы усвоили материал👆

#ci #cd

​Задачи по JavaScript

Мы возвращаем старую рубрику. Хорошо подумайте над решением, а уже завтра мы опубликуем правильный ответ. Удачи!

Реализуйте алгоритм: участнику викторины задаётся 2 вопроса. За каждый правильный ответ начисляется 1 балл. Подсчитать и вывести количество правильных ответов на экран.

#задачи

​Задачи по JavaScript

Вчера мы опубликовали задачу, а вот и её решение:

Заведём две переменные для исходных данных: для счётчика баллов (point) и ответов от участника (answer). Пока в нашем счетчике лежит 0 баллов, а переменная для ответов — пустая. Функция prompt вызывает окно с вопросом и поле для ввода ответа. Введённый участником ответ попадает в переменную answer. Программа сравнивает (==) правильный ответ с ответом участника. Если (if) ответ правильный, то программа пойдёт по одной ветке: выведет окно с текстом 'Верно' и увеличит счётчик на единицу (0 + 1 = 1). В противном случае (else), если ответ неправильный, то программа пойдёт по другой ветке и выведет окно с текстом 'Неверно!'.

Точно так же программа обработает второй вопрос. В итоге в переменной point может оказаться от 0 до 2 баллов, это зависит от количества правильных ответов.

Если у вас есть более лаконичное решение, то предлагаем вам поделиться им в комментариях👇

#задачи

Подборка актуальных вакансий

— Младший Python-разработчик в Kokoc Group
Где: удалённо
Опыт: можно без опыта

— QA Automation Java в Открытие
Где: удалённо
Опыт: от 2 лет

— UX-исследователь (Middle/Senior) в Открытие
Где: Москва, можно удалённо
Опыт: от 2 лет

— UX/UI-дизайнер в Гринатом
Где: удалённо
Опыт: от 3 лет

— Middle / Senior Go-разработчик в МТС
Где: удалённо
Опыт: от 3 лет

— Middle/Senior Python-разработчик в Гринатом
Где: удалённо
Опыт: от 3 лет

— Middle+ / Senior PHP-разработчик в Kokoc Group
Где: удалённо
Опыт: от 3 лет

— Senior Java-разработчик в МТС
Где: Москва, можно удалённо
Опыт: от 3 лет

— Java IT Lead в Иннотех
Где: удалённо
Опыт: от 3 лет

— Фулстек-разработчик (.NET / React) в Иннотех
Где: удалённо
Опыт: от 5 лет

#вакансии #работа

​Изучение Vue.js в 2023 году: дорожная карта разработчика

Vue.js — это популярный JavaScript-фреймворк для создания пользовательских интерфейсов.

Для того, чтобы освоить его нужно изучить не только технологии, которые касаются непосредственно Vue.js, но и уметь работать с инструментами сборки вроде менеджеров пакетов и Vite, владеть CSS на уровне архитектуры и препроцессоров, управлять состоянием и многое другое.

Дорожная карта с подробными объяснениями каждого пункта ждёт вас по ссылке:

https://tproger.ru/articles/izuchenie-vue-js-v-2021-godu-dorozhnaja-karta-razrabotchika/

#vue #roadmap

Создайте крутой проект для портфолио

В рамках этого видео вы поработаете с вёрсткой и JavaScript, познакомитесь с различными библиотеками и научитесь динамически комбинировать различные элементы.

По итогу вы получите клон действующего сервиса по выбору цветов:

https://www.youtube.com/watch?v=OaNICHKM5KM

#javascript #туториал

​Создать Chrome OS и остаться неизвестным: история Джеффа Нельсона

Сhrome OS — это уникальный случай, когда браузер решили превратить в полноценную систему, которая работает из облака и минимально нагружает железо. И пусть это не самая популярная ОС, но такое решение должно было сделать разработчика известным и востребованным для создания других нетривиальных решений. Так почему же о нём почти ничего не известно?

Если не хотите повторить его судьбу, то вам стоит узнать, кто же такой Джефф Нельсон, как строилась его карьера, как он придумал Chrome OS и почему он всё-таки остался неизвестным разработчиком:

https://tproger.ru/articles/sozdat-chromeos-i-ostatsya-neizvestnym-istoriya-dzheffa-nelsona/?utm_source=tg&

#chrome #os

НПО САУТ ищет Middle/Senior C# разработчика с опытом от 3 лет

Компания занимается разработкой систем автоматизации для ЖД-транспорта. Сейчас команда планирует запускать новый комплексный проект, который включает видеонаблюдение, видеоинформирование пассажиров и связь персонала поезда.

Вам могут предложить:
— режим работы с 9:00 до 18:00 с возможностью сдвига графика в пределах 2-х часов;
— участие в запуске системы на поездах;
— возможность влиять на решения в маленькой команде;
— зарплату 150 000 рублей.

От вас же, кроме навыков в С#, ждут умение :
— работать без четкого технического задания;
— ставить, оценивать и декомпозировать задачи;
— писать легко поддерживаемый код и покрывать его тестами.
Опыт работы с Linux, IP-видеокамерами и сетевыми протоколами будет бонусом.

Откликнуться: https://talantix.ru/

#вакансии #работа

​Объектно-ориентированное программирование в JavaScript

Объектно-ориентированное программирование — это способ написания кода, позволяющий создавать одни объекты с помощью других.

Автор в этой статье подробно раскрывает каждый из четырёх принципов, на которых основано ООП и рассказывает про особенности работы на JavaScript:

https://tproger.ru/articles/oop-i-js/?utm_source=tg&utm_medium=notification&utm_campaign=notification_second_wave&utm_term=post_new

Под постом вас будет ждать викторина, которая поможет вам проверить насколько хорошо вы усвоили материал👇

#ооп #javascript

Держитесь, братья😢

​10 фишек TypeScript, которые нужно знать начинающих разработчикам

Если вы уже изучили основы TypeScript и хотите двигаться дальше, то эта статья для вас. В ней мы собрали полезные функции, который помогут вам улучшить ваш навык разработки:

https://tproger.ru/articles/10-fiwek-typescript-kotorye-nuzhno-znat-nachinayushhih-razrabotchikam/

#typescript

Анимация на CSS

В данном видео автор рассказал, как анимировать спрайты на примере анимации персонажа. С помощью спрайтов можно добавить любой визуальный эффект на сайт.

Посмотреть можно по ссылке:

https://www.youtube.com/watch?v=XNS7Xp_WyxE

#css

​Изучение SVG с помощью 25 примеров

С помощью этого CodePen-проекта вы сможете изучить основные принципы работы с SVG-изображениями. За каждым окошком находится небольшой урок, SVG-изображение и его исходный код:

https://codepen.io/HunorMarton/pen/PoGbgqj

#codepen #svg

​Вопросы из собеседований

Мы подготовили для вас несколько вопросов, которые помогут вам улучшить свою теоретическую базу.

Расскажите, какие значения, в случае преобразования их к логическому типу, превращаются в false, а какие — в true?

Вот список значений, которые можно назвать «ложными» (falsy). Они, при преобразовании к логическому типу, превращаются в значение false:

— «» (пустая строка).
— 0, -0, NaN (не-число).
— null, undefined.

«Ложным» является и логическое значение false.

Любое значение, которое не входит в этот список, при его преобразовании к логическому типу, превращается в true (такие значения называют «истинными» — truthy). Например:

— «hello».
— 42.
— [ ], [ 1, «2», 3 ] (массивы).
— { }, { a: 42 } (объекты).
— function foo() { .. } (функции).

«Истинным» является и логическое значение true.

#вопросы_из_собеседований

​Трудности написания юнит-тестов на фронтенд

Тесты помогают выбрать правильное направление в создании расширяемых компонентов путём выстраивания чётких границ между логикой и UI.

Два главных вопроса, с которыми сталкиваются разработчики — это, что тестировать на фронтенд и как писать тестируемый код? Именно на них дал ответ автор данной статьи:

https://habr.com/ru/companies/nordclan/articles/755302/

Под постом вас будет ждать викторина, которая поможет вам проверить насколько хорошо вы усвоили материал👇

#qa #unit_testing