​Задачи по 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

​Задачи по JavaScript

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

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

Поделитесь своими результатами в комментариях👇

#задачи

​Задачи по JavaScript

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

Мы не будем помещать каждый вопрос в отдельную переменную, а создадим массив из вопросов и присвоим его одной переменной. Ещё создадим пустой массив для ответов.

В круглых скобках цикла for, мы настроим его работу.

1. Создадим переменную счётчик со значением 0.
2. Зададим условие, до каких пор будет работать цикл. Цикл работает, пока значение счётчика меньше длины массива.
3. Задаем шаг для счётчика, при каждом повторе, значение счётчика будет увеличиваться на 1. Когда условие, что i меньше длины массива, перестанет быть правдой, цикл закончит свою работу.

В фигурных скобках (теле цикла), указываются инструкции, которые должны выполнятся, при новом витке цикла. Мы говорим программе: при каждом проходе цикла, запрашивай у пользователя ответ на вопрос, и полученный ответ записывай в переменную answer. Когда вопросы закончатся, то цикл сам остановится и выведет на страницу все ответы.

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

#задачи

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

— Ведущий Java-разработчик [SmartDocs] в МТС
Где: удалённо
Опыт: от 3 лет

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

— Senior Java Developer на продукт МТС Аналитика (Big Data) в МТС
Где: удалённо
Опыт: от 4 лет

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

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

— Middle / Senior Backend Developer (Python) в команду Атом.Око в Гринатом
Где: удалённо
Опыт: от 3 лет

— Senior / Lead Backend Java Developer HR TECH (Проект Атомкор) в Гринатом
Где: удалённо
Опыт: не указан

— Senior QA Automation Java / Kotlin в Иннотех
Где: удалённо
Опыт: от 3 лет

— Senior Fullstack Developer / Фулстек разработчик (.net/react) в Иннотех
Где: удалённо
Опыт: от 5 лет

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

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

— Senior Frontend Developer в Kokoc Group
Где: удалённо
Опыт: от 4 лет

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

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

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

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

Что такое IIFE?

IIFE (Immediately Invoked Function Expression) — это немедленно вызываемое функциональное выражение. Такое выражение выполняется немедленно после создания.

Этот паттерн часто используется для того чтобы не допустить загрязнения глобального пространства имён. Дело в том, что переменные, объявленные в IIFE (как и в любой другой обычной функции), невидимы за пределами этой функции.

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

​Типизированный Go: четыре преимущества языка

Хотим познакомить вас с такими языком программирования, как Go (Golang). Он считается языком общего назначения, но основное применение — разработка веб-сервисов и клиент-серверных приложений. По данным GitHub, в конце 2021 года вошел в пятерку востребованных языков, опередив PHP, TypeScript и C#.

В этой статье автор подробнее расскажет вам об особенностями данного языка и о его преимуществах:

https://tproger.ru/articles/tipizirovannyj-go-chetyre-preimushhestva-yazyka/

#go