Рад представить вам новый бесплатный курс "Тесты и задачи по HTML, CSS и JavaScript"

В этом курсе вы сможете проверить свои знания по HTML, CSS и JavaScript. Данный курс позволит узнать много нового, различные нюансы и не самые очевидные возможности, проверить себя и закрепить уже имеющиеся навыки.

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

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

🎥 Записаться на курс

Для начинающего программиста хорошим проектом может быть создание мобильного приложения для управления задачами. Это позволит ему не только научиться программированию, но и понять, как работает процесс разработки приложений от начала до конца. Кроме того, такой проект будет полезен для практики работы с базами данных и API.

#idea

Сегодня я нашел для вас очень классный макет для практики.

Можно попробовать свои силы и сверстать предложенный макет. Таким образом вы сможете закрепить все изученное, попробовать свои силы и добавить ещё одну работу в портфолио.

#layout

Всем привет, друзья. Наверняка вы уже заметили, что в Figma режим для разработчика (Dev Mode) теперь доступен по подписке от 12$ в месяц.

Я записал новые уроки о том, что теперь делать и как верстать в новых реалиях.

Эти новые уроки доступны вам БЕСПЛАТНО уже сейчас в курсе Сайт на Wordpress, Верстка сайта и перенос на CMS в модуле "Верстка из Figma без Dev Mode".

В этом разделе мы будем верстать страницу по макету из Figma без использования Dev Mode в бесплатной версии программы, не покупая подписку. Вы узнаете много нового и интересного, а так же при желании можно пройти и другие модули в этом курсе. Все материалы доступны бесплатно.

#layout

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

Пример входных данных:
Имя: Иван
Возраст: 25

Пример выходных данных:
Привет, Иван! Тебе 25 лет.

Задача: Напишите программу на языке программирования, которая будет запрашивать у пользователя последовательность чисел, а затем выводить сумму всех четных чисел из этой последовательности.

Пример входных данных:
1, 2, 3, 4, 5, 6, 7, 8, 9, 10

Пример выходных данных:
20

Задача: Напишите программу на языке программирования, которая будет сортировать массив целых чисел в порядке возрастания.

Пример входных данных:
1, 5, 2, 4, 3

Пример выходных данных:
1, 2, 3, 4, 5

Задачи для практики на любом языке программирования

1. В двумерном массиве хранится информация о зарплате каждого из 20 сотрудников четырех отделов. Составьте программу перерасчета зарплаты по правилу: если зарплата меньше 8000 руб., то она увеличивается на 20%, в противном случае — на 5%. Составьте также аналогичную программу для перерасчета зарплаты в одном только заданном отделе.

2. Известны данные о стоимости каждого из 12 товаров. Найдите общую стоимость товаров, которые стоят дороже 1000 руб. (количество таких товаров заранее неизвестно).

3. Даны два предложения. В каком из них встречаемость (в процентах) буквы «б» больше. (Определите функцию для расчета встречаемости заданной буквы в предложении.)

Задача: Создайте функцию, которая принимает на вход строку и возвращает эту же строку, но в верхнем регистре.

Пример использования:

console.log(toUpperCase('hello world')); // Выведет: HELLO WORLD

Для решения этой задачи вы можете использовать встроенную функцию JavaScript toUpperCase(). Ваша функция может выглядеть следующим образом:

function toUpperCase(str) {
  return str.toUpperCase();
}

В этом коде функция toUpperCase() принимает строку в качестве аргумента и преобразует ее в верхний регистр. Затем она возвращает эту строку в верхнем регистре.

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

Пример использования:

console.log(uniqueNumbers([1, 2, 3, 4, 5, 6, 7, 8, 9, 10])); // выводит [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
console.log(uniqueNumbers([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1])); // выводит [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
console.log(uniqueNumbers([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1, 2])); // выводит [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

Для решения этой задачи вы можете использовать следующий код:

function uniqueNumbers(arr) {
  return arr.filter((num, index, array) => array.indexOf(num) === index);
}

В этом коде мы используем метод filter для создания нового массива, в котором будут только уникальные элементы исходного массива. Метод filter проходит по каждому элементу исходного массива и проверяет, является ли он уникальным. Если элемент уникален, он добавляется в новый массив. Метод indexOf используется для проверки уникальности элемента. Если индекс элемента в исходном массиве совпадает с его текущим индексом, это означает, что элемент уже был добавлен в новый массив и не является уникальным.

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

Шаги для решения задачи:

1. Создайте функцию с именем filterSubstrings и двумя аргументами array и substring.
2. Используйте цикл for для перебора каждого элемента массива array.
3. Внутри цикла используйте метод includes для проверки, содержит ли текущий элемент подстроку substring.
4. Если текущий элемент содержит substring, добавьте его в новый массив.
5. Верните новый массив.

Пример использования функции:

console.log(filterSubstrings(['Привет', 'Пока', 'Привет', 'Мир'], 'Привет')); // Выведет ['Привет', 'Привет']

Пояснение: Эта задача требует использования циклов и методов для работы с массивами и строками в JavaScript. Она позволяет понять, как обрабатывать и фильтровать данные в массивах.

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

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

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

Задача: Создайте функцию, которая принимает на вход два числа и возвращает их сумму.

Сегодня я подготовил для вас очень классный макет для практики.

Можно попробовать свои силы и сверстать предложенный макет. Таким образом вы сможете закрепить все изученное, попробовать свои силы и добавить ещё одну работу в портфолио.

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

1. Верстке сайта по макету из Figma без Dev Mode в бесплатной версии
2. Верстке сайта по макету из Figma используя плагин Inspect Styles
3. А так же скоро будет новая серия уроков по верстке из Pixso. Все это вы можете найти в моем бесплатном курсе на Stepik, с большим количеством заданий, а так же уроки не только по верстке, но и по работе с Wordpress, хостингом и многое другое.

💡 Записаться бесплатно

#layout

Задача: Получите все шестизначные «счастливые» номера. «Счастливым» называют такое шестизначное число, для которого сумма первых трех цифр равна сумме последних трех цифр. (Определите функцию для расчета суммы цифр трехзначного числа.)

Задача: Дан двумерный массив натуральных чисел. Определите максимальное четное число в нем.

Задача: В двумерном массиве хранятся результаты (время в минутах), показанные каждым из 16 велогонщиков на каждом из 12 этапов соревнований (в первом столбце — результаты для первого этапа, во втором — для второго и т. д.). Судейской коллегией результаты пятого этапа гонки были признаны недействительными. Измените массив, удалив из него результаты этого этапа.

Задача: Дано натуральное число. Установить, является ли после довательность его цифр при просмотре их справа налево упоря доченной по возрастанию. Например, для числа 5321 ответ по ложительный, для чисел 7820 и 9663 – отрицательный и т. п.

Задача: Смоделировать выбор «наугад» двух костей домино из полного набора костей этой игры (0–0, 0–1, ..., 6–6) и определить, можно ли приставить эти кости одна к другой в соответствии с правилами домино.

Задача: Известны данные о мощности двигателя (в л. с.) и стоимости 30 легковых автомобилей. Определить общую стоимость автомобилей, у которых мощность двигателя превышает 100 л. с.

Сегодня я подготовил для вас очень классный макет для практики.

Можно попробовать свои силы и сверстать предложенный макет. Таким образом вы сможете закрепить все изученное, попробовать свои силы и добавить ещё одну работу в портфолио.

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

1. Верстке сайта по макету из Figma без Dev Mode в бесплатной версии
2. Верстке сайта по макету из Figma используя плагин Inspect Styles
3. Верстке сайта по макету из Pixso

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

💡 Записаться бесплатно

#layout

Задача: Имеется информация о количестве осадков, выпавших за каждый день месяца, и о температуре воздуха в эти дни. Определить, какое количество осадков выпало в виде снега и какое – в виде дождя. (Считать, что идет дождь, если температура воздуха выше 0 °С.)

Задача: Известны данные о вместимости (в гигабайтах) и стоимости (в рублях) каждого из 22 типов жестких магнитных дисков (винчестеров). Напечатать вместимость тех винчестеров, которые стоят больше s рублей.

Задача: Фирме принадлежат два магазина. Известна стоимость товаров, проданных в каждом магазине за каждый день в июле и августе, которая хранится в двух массивах. Получить общую стоимость проданных фирмой товаров за два месяца.

Задача: Известно сопротивление каждого из восьми элементов электрической цепи. Все элементы соединены последовательно. Определите общее сопротивление цепи.

Задача: Известны оценки по информатике каждого из 22 учеников класса. Определите количество «пятерок».

Задача: Все отрицательные элементы исходного массива замените на их абсолютную величину.

P.S. Если задачи кажутся слишком скучными, неинтересными, простыми или с сильным уклоном в математику, то просто добавьте себе цель сделать графический интерфейс, придумайте функционал, отображайте, графики, таблицы, картинки с результатом. Сделайте интерактивное приложение, даже из простой задачи можно придумать что-то интересное. Просто проявите фантазию, включите творческий подход. Будьте креативны.

Сегодня я подготовил для вас очень классный макет для практики.

Можно попробовать свои силы и сверстать предложенный макет. Таким образом вы сможете закрепить все изученное, попробовать свои силы и добавить ещё одну работу в портфолио.

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

1. Верстке сайта по макету из Figma без Dev Mode в бесплатной версии
2. Верстке сайта по макету из Figma используя плагин Inspect Styles
3. Верстке сайта по макету из Pixso

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

💡 Записаться бесплатно

#layout

Задача: Известно количество мячей, забитых футбольной командой за каждую игру в двух чемпионатах, которое хранится в двух массивах. В каждом из чемпионатов команда сыграла 26 игр. Найти общее количество мячей, забитых командой в двух чемпионатах.

Задача: Найти количество различных элементов в массиве.

Задача: В массиве из 20 целых чисел имеются только два одинаковых элемента. Найти их.

Сегодня я подготовил для вас очень классный макет для практики.

Можно попробовать свои силы и сверстать предложенный макет. Таким образом вы сможете закрепить все изученное, попробовать свои силы и добавить ещё одну работу в портфолио.

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

1. Верстке сайта по макету из Figma без Dev Mode в бесплатной версии
2. Верстке сайта по макету из Figma используя плагин Inspect Styles
3. Верстке сайта по макету из Pixso

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

💡 Записаться бесплатно

#layout