Резюме помогает составить первое впечатление тем, кто нанимает вас как специалиста. Рекрутеры и HR просматривают сотни анкет, поэтому хорошее резюме — залог того, что кандидата заметят и предложат работу.

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

Основные правила хорошего резюме в IT

Резюме — это краткая информация о специалисте. Оно должно быть емким и отражать ваши умения и опыт.

На что работодатель смотрит в первую очередь:

• Компании, с которыми вы сотрудничали. Важно раскрыть, чем вы занимались и какие задачи решали. Простого упоминания крупных и известных компаний недостаточно.
• Перечень навыков и умений. Укажите, какими программами вы владеете и на каком уровне. В технических вакансиях особое внимание уделяют перечню технологий и программ, которые специалист должен знать. Имеет смысл при новом отклике эти навыки выделять отдельно.
• Достижения. Напишите, чем вы гордитесь и что делаете лучше всего. Данный пункт отражает, что вам важно, что происходит в компании. Например: «Я представил систему оценки, которая все еще используется всем подразделением».

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

Объем

У рекрутеров нет времени, чтобы детально изучать каждое резюме. Они закроют документ, составленный на три-четыре страницы, и перейдут к следующему кандидату. Оптимальный объем резюме — одна-две страницы. Иногда HR могут просматривать и пять-шесть страниц при условии, что указана важная информация о кандидате.

Форматирование

Весь текст необходимо разбивать на смысловые блоки — это позволит рекрутеру быстро изучить резюме и «выудить» самое важное. Используйте не более двух цветов и не слишком много шрифтов. Не забудьте про подзаголовки и выделение перечней списками. Контакты обычно размещают отдельным блоком.

Сопроводительное письмо

Письмо направляют вместе с резюме. Сообщение не должно быть шаблонным — это не вызывает доверия, а лишь отталкивает.

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

Структура резюме IT-специалиста

Остановимся на важных составляющих.

Образование

Указывайте любое образование, даже не профильное и не соответствующее вакансии. Дополнительно пропишите пройденные курсы.

Опыт

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

Стандартно пишут так: период работы (месяц и год) — название компании — наименование должности — перечень обязанностей.

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

Ключевые навыки

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

Как может выглядеть список навыков

Личные качества

Обычный перечень качеств, который можно взять в интернете, не добавляет плюсов к резюме. Но если оформить их грамотно, то можно смотреться выигрышно на фоне других кандидатов. Лучший способ — к описываемым качествам добавлять примеры из профессиональной сферы. Если говорите о своей внимательности, то покажите это примером. Например, «три года работал ретушером — это деятельность, требующая высокой скрупулезности».

К «Личным качествам» можно отнести еще хобби и дополнительные умения. Идеально, если они косвенно связаны с будущей деятельностью. Допустим, вы — заядлый любитель компьютерных игр и устраиваетесь в компанию, которая разрабатывает курсы на основе Minecraft. Об этом стоит упомянуть.

Структуру можно менять на своё усмотрение. Например, кандидаты иногда заменяют пункт про личные качества на абзац «О себе».

Фотография

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

Разница в резюме при наличии и отсутствии фотографии

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

Видеорезюме как оригинальный способ проявить себя IT-специалисту

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

Рекомендации для проведения съемки:

• выбирайте нейтральный или однотонный фон;
• во время записи не должно быть постороннего и отвлекающего шума;
• продумайте одежду и прическу — лучше выбирать деловой или нейтральный стиль;
• перед съемкой составьте сценарий;
• устанавливайте камеру на уровне глаз и не снимайте слишком близко (лучше, когда человека видно по пояс).

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

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

Посмотрите, как может выглядеть видеорезюме:

Видеорезюме

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

Однако для съемки видеовизитки не нужны спецэффекты. В редакторе должна быть возможность отрегулировать громкость речи и убрать неудачные эпизоды. Например, программа ВидеоМОНТАЖ — самый простой видеоредактор, в котором пользователи быстро разбираются.

На примере ВидеоМОНТАЖа рассмотрим, как составить видеорезюме:

1. Скачайте программу с официального сайта и следуйте подсказкам установщика.

2. Запустите видеоредактор и щелкните «Новый проект» → «Проект с нуля».

3. Добавьте записанное видео на монтажный стол. Чтобы облегчить редактирование видеоряда, разделите его на фрагменты. Используйте инструмент «Разделить».

4. Для обрезки выделите эпизод и нажмите иконку с ножницами. Чтобы сократить видеоряд по краям, можно действовать по старинке: наведите курсором на границы выделенного эпизода и сдвигайте влево или вправо.

5. Для плавной склейки фрагментов задействуйте переходы или оставьте смену кадров более резкой.

6. Вы можете добавить текст в любую часть экрана, отрегулировать яркость и насыщенность видео. Есть возможность записать звук с микрофона. Пригодится, если какой-то фрагмент не получился, а записывать себя заново не хочется.

7. Сохраните видеовизитку в подходящем формате. Можно настроить качество видео и размер кадра.

Чек-лист запоминающегося резюме IT-специалиста

Резюме — это страницы с информацией, в которых описано, чему вы научились к сегодняшнему моменту. Но важно превратить их в свою визитную карточку.

Что указать:

• данные о себе — Ф.И.О., возраст и контактную информацию (номер телефона и электронная почта);
• образование;
• описание опыта работы и достижений (с перечнем весомых рабочих проектов);
• личные и профессиональные качества.

Примеры оформления резюме

Заключение

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

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

Однако, поскольку CSS является фундаментальной частью интерфейсной веб-разработки, доступ к нужным инструментам CSS может существенно повлиять на производительность и креативность разработчика.

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

Неоморфизм

Neumorphism.io — это веб-сайт, на котором можно сгенерировать блоки в стиле неоморфизма. Это мягкий пользовательский интерфейс, который также называют неоскевоморфизмом.

Сайт генерирует стили CSS с программным интерфейсом, используя тени.

Animista

Animista — это коллекция анимаций CSS и пресетов, которые можно легко настроить и применить к веб-элементам.

Анимированный фон

Wweb.dev — генератор анимированных фонов CSS. Он позволяет создавать и настраивать анимированные фоны для своих веб-проектов.

Spin Kit

Spin Kit — это коллекция анимаций загрузки на CSS, созданная Тобиасом Ахлином.

На сайте есть простые и настраиваемые анимации, которые можно легко интегрировать в веб-проекты.

Flexplorer

Flexplorer — это онлайн-инструмент веб-разработчика Беннета Фили, который помогает разработчикам изучать и экспериментировать с макетами CSS flexbox. Flexbox позволяет быстро создавать гибкие и адаптивные макеты.

Генератор сетки

CSS Grid Generator — это веб-инструмент, который помогает разработчикам создавать сложные макеты сетки с помощью CSS Grid. Это мощный способ создания гибких и адаптивных дизайнов веб-страниц.

Генератор макетов

CSS Layout Generator — это веб-инструмент, который позволяет разработчикам создавать стили макетов CSS и экспериментировать с ними. Он предоставляет визуальный интерфейс для разработки и настройки компонентов макета.

Shadows Brumm

Shadows Brumm — это веб-инструмент для создания CSS-эффектов теней. У сайта простой интерфейс, который позволяет создавать сложные и красивые тени, используя множество параметров и опций.

Глассморфизм

Glassmorphism — это направление в дизайне, в котором используются прозрачные и размытые «стеклянные» фоны.

Cubic-Bezier

Cubic-Bezier — это веб-инструмент, который позволяет пользователям создавать собственные кривые для плавных анимаций и переходов.

Заключение

Инструменты CSS нужны разработчикам, которые хотят создавать визуально привлекательные и отзывчивые веб-сайты. Правильный набор инструментов сильно повышает производительность разработчиков и экономит время.

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

Детекторы ботов вроде Cloudflare готовы защищать сайты от наших ботов. Настройка Selenium с помощью ChromeOptions слишком громоздкая, а на Windows становится совсем кошмарной. Отладка ботов через журналы — тоже слишком сложно.

Как решить эти боли, не жертвуя скоростью и удобством разработки? Попробуйте Bose.

Bose, как уверяют разработчики фреймворка, — это первая среда разработки ботов, которая максимально упрощает разработку ботов. Фреймворк основан на на Selenium и предлагает ряд функций, упрощающих разработку.

GitHub — omkarcloud/bose: The Ultimate Web Scraping Framework

github.com

Настраиваем Bose

Первым делом, скопируем изначальный шаблон.

git clone https://github.com/omkarcloud/bose-starter my-bose-project

Затем перейдите в скачанный каталог, установите зависимости и запустите проект:

cd my-bose-project
python -m pip install -r requirements.txt
python main.py

Первый запуск займет некоторое время. Всё потому, что он загружает исполняемый файл драйвера Chrome. Следующие запуски будут гораздо быстрее.

Основные особенности Bose Framework

Добавляет мощные методы, чтобы сделать работу с Selenium намного проще.

Применяет лучшие практики, чтобы избежать обнаружения ботов Cloudflare и PerimeterX.

Сохраняет HTML, снимок экрана и сведения о выполнении для каждой задачи, что упрощает отладку.

Вспомогательные компоненты для записи очищенных данных в виде файлов JSON, CSV и Excel.

Автоматически загружает и инициализирует правильный драйвер Chrome.

Быстро и удобно для разработчиков.

Работаем с Bose

Допустим, вы хотите начать парсинг веб-сайта. Если бы вы использовали Selenium, вам пришлось бы обрабатывать задачи по открытию и закрытию драйвера следующим образом:

from selenium import webdriver

driver_path = 'path/to/chromedriver'

driver = webdriver.Chrome(executable_path=driver_path)

driver.get('https://www.example.com')

driver.quit()

Однако Bose Framework использует декларативный и структурированный подход. Вам нужно только написать код ниже, а драйвер Bose сам создаст драйвер, передаст его методу run и закроет работу.

from bose import *

class Task(BaseTask):
    def run(self, driver):
        driver.get('https://www.example.com')

Конфигурация Bose

В Selenium, если вы захотите настроить параметры вроде профиля, пользовательского агента или размера окна, нужно будет написать много кода:

from selenium.webdriver.chrome.options import Options
from selenium import webdriver

driver_path = 'path/to/chromedriver.exe'

options = Options()

profile_path = '1'

options.add_argument(f'--user-data-dir={profile_path}')

user_agent = 'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.37")'
options.add_argument(f'--user-agent={user_agent}')

window_width = 1200
window_height = 720
options.add_argument(f'--window-size={window_width},{window_height}')

driver = webdriver.Chrome(executable_path=driver_path, options=options)

Bose Framework упрощает конфигурацию, инкапсулируя её в свойстве BrowserConfig:

from bose import BaseTask, BrowserConfig, UserAgent, WindowSize

class Task(BaseTask):
    browser_config = BrowserConfig(user_agent=UserAgent.user_agent_106, window_size=WindowSize.window_size_1280_720, profile=1)

Обработка исключений

Исключения — это боль при работе с Selenium.

В Selenium, если возникает исключение, драйвер автоматически закрывается, оставляя вам только журналы для отладки.

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

Отладка в Bose Framework

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

Bose упрощает отладку, сохраняя информацию о каждом запуске.

После каждого запуска в задачах создается каталог, содержащий три файла, перечисленных ниже:

task_info.json

Файл содержит информацию о выполнении задачи: продолжительность выполнения задачи, IP-адрес задачи, пользовательский агент, размер окна и профиль, который использовался для выполнения задачи.

final.png

Это снимок экрана, сделанный до закрытия драйвера.

page.html

Это исходный HTML-код, полученный до закрытия драйвера. Код страницы полезно знать, если селекторам не удалось выбрать элементы.

error.log

В случае, если ваша задача рухнула из-за исключения, Bose сохраняет error.log с ошибкой, из-за которой задача рухнула.

Вывод данных

После выполнения парсинга веб-страниц нужно сохранить данные в формате JSON или CSV. Как правило, этот процесс подразумевает написание огромного объёма императивного кода:

import csv
import json

def write_json(data, filename):
    with open(filename, 'w') as fp:
        json.dump(data, fp, indent=4)

def write_csv(data, filename):
    with open(filename, 'w', newline='', encoding='utf-8') as csvfile:
        fieldnames = data[0].keys()  # get the fieldnames from the first dictionary
        writer = csv.DictWriter(csvfile, fieldnames=fieldnames)
        writer.writeheader()  # write the header row
        writer.writerows(data)  # write each row of data

data = [
    {
        "text": "\u201cThe world as we have created it is a process of our thinking. It cannot be changed without changing our thinking.\u201d",
        "author": "Albert Einstein"
    },
    {
        "text": "\u201cIt is our choices, Harry, that show what we truly are, far more than our abilities.\u201d",
        "author": "J.K. Rowling"
    }
]

write_json(data, "data.json")
write_csv(data, "data.csv")

Bose упрощает процесс, инкапсулируя данные в модуль вывода для чтения и записи данных. Просто метод write для файла, который вы хотите сохранить.

Все данные будут сохранены в папке output/:

from bose import Output

data = [
    {
        "text": "\u201cThe world as we have created it is a process of our thinking. It cannot be changed without changing our thinking.\u201d",
        "author": "Albert Einstein"
    },
    {
        "text": "\u201cIt is our choices, Harry, that show what we truly are, far more than our abilities.\u201d",
        "author": "J.K. Rowling"
    }
]

Output.write_json(data, "data.json")
Output.write_csv(data, "data.csv")

Локальное хранилище

В современных браузерах есть локальный модуль хранения, и Bose перенял эту концепцию.

Вы можете импортировать объект LocalStorage из Bose, чтобы сохранять данные при запуске браузера, что чрезвычайно полезно при очистке больших объемов данных.

Данные хранятся в файле local_storage.json в корневом каталоге проекта. Вот как можно его использовать:

from bose import LocalStorage

LocalStorage.set_item("pages", 5)
print(LocalStorage.get_item("pages"))

Другие возможности

Драйвер, полученный при запуске задачи — это расширенная версия Selenium, в которую добавлены мощные методы, упрощающие работу.

Вот некоторые из популярных методов, добавленных в драйвер:

Заключение

Bose — отличный фреймворк, упрощающий скучные части Selenium и парсинга веб-страниц.

Желаем вам удачи и счастливой разработки ботов с помощью Bose Framework!

Перед нами 2 комнаты, в которых низкие потолки. В комнате под номером 1 висит три лампочки накаливания, а во второй комнате имеется три переключателя.

Вопрос

Как понять, к какому именно переключателю подведена каждая лампочка, если в первую комнату позволяется войти всего один раз, но переключатели можно нажимать сколько захочется?

№2. Сколько лет мальчику?

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

– Мой сын в 5 раз старше моей дочери и младше моей жены в 5 раз. Моя жена в 2 раза младше меня, а бабушке моих детей сегодня исполнился 81 год – это столько лет, сколько мне, дочке, сыну и моей жене всего вместе.

Вопрос: Сколько мальчику лет?

№3. Как найти нужную баночку?

Всего имеется 20 баночек с таблетками. Во всех, кроме единственной, каждая таблетка весит по 1 гр, но в одной – по 1,1 гр. Мы имеем кухонные весы, которые способны просчитать все до грамма.

Вопрос: Как найти ту самую баночку, где каждая таблетка весит по 1,1 гр, если взвесить разрешено лишь 1 раз?

№4. Набираем воду

Есть 2 ведра – одно на 5 л, а второе – на 9 л. Из реки требуется набрать 3 литра воды.

Вопрос: Как это можно сделать, если мы можем воспользоваться только этими двумя ведрами.

Всегда кажется, что “у меня получилось бы лучше”, но на практике многие так и не начинают свой путь. А зря! Игровая индустрия – это огромные инвестиции и деньги. А если есть еще и личная мотивация создать свою собственную игру, процесс обучения и реализации задуманного будет гораздо быстрее и проще. Давайте рассмотрим 5 движков, с помощью которых можно воплотить в жизнь все свои идеи.

Unreal Engine Или Unity: Битва Титанов

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

Unreal Engine: Надежный и Технологичный

Unreal Engine — это мощный игровой движок, принадлежащий компании Epic Games. В 2014 году был признан самым успешным игровым движком. У него очень много наград, а общий успех спокойно можно заносить в книгу рекордов Гиннеса. Несмотря на то, что создан был Unreal Engine еще в 1998 году, он опережает многие технологии и постоянно стремится к расширению функциональности.

Unreal Engine славится своей впечатляющей графикой и рендерингом. Он обладает высокой степенью реалистичности и производительности, благодаря использованию мощного графического движка, известного как Unreal Engine 4.

Движок позволяет использовать игры для различных платформ, включая ПК, консоли, мобильные устройства и даже виртуальную реальность. Но для мобильных игр и VR его применение не всегда позволяет добиться желаемых результатов.

Что же касается технологичности, у UE имеется визуальная система программирования под названием Blueprints, которая позволяет разработчикам создавать игровую логику без необходимости писать код. Это крайне полезно для тех, кто не имеет опыта в программировании, но все же хочет создавать свои игры.

Unreal Engine предоставляет все необходимые инструменты и ресурсы для создания игр любого жанра и масштаба, от небольших инди-проектов до крупных 2D и 3D игр. Движок был использован даже в кинематографе и очень ценится везде, где нужна качественная графика и эффекты. Он сочетает в себе комплексную разработку (IDE), которая насчитывает широкий спектр инструментов для разработки игр, включая редактор уровней, редактор материалов, средства моделирования и оформления, а также многое другое. Поэтому не удивительно, что Unreal Engine обожаем множеством разработчиков по всему миру.

Unity: Перспективный и Мобильный

Unity – это многоплатформенный игровой движок, разработанный компанией Unity Technologies в 2005 году. И хотя изначально его создавали для работы на Mac OS X, сегодня его применяют на 30 различных платформах. И если UE для мобильных игр подходит, но не очень, то Unity – это незаменимый гуру мобильной разработки.

Движок имеет интуитивно понятный интерфейс и простоту в освоении. Поэтому изучить его не составит труда. У него также есть большой магазин ассетов (Asset Store), где разработчики могут приобретать готовые модели, текстуры, аудио файлы и другие ресурсы для использования в своих проектах, что значительно сокращает время разработки и повышает производительность. Всего доступно порядка 15 000 бесплатных и платных ассетов.

Unity поддерживает один языков программирования – C#, который необходим разработчикам для создания игровой логики.

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

Godot Engine: Дружелюбный и Функциональный

Godot Engine – это бесплатный движок с открытым исходным кодом, выпущенный в 2014 году. Он поддерживает различные платформы, включая ПК, мобильные устройства (Android и iOS), консоли, веб, а также имеет версию Raspberry Pi. Это означает, что вы можете создавать игры для различных платформ и устройств без необходимости переписывать код с нуля.

Godot Engine доступен бесплатно для скачивания и использования, поэтому вы можете получить полный доступ к исходному коду движка. С его помощью можно реализовывать 2D и 3D игры, при этом взаимодействуя с нужными инструментами для работы с графикой, анимацией, физикой, звуком и другими аспектами игрового процесса. А благодаря интуитивно понятному интерфейсу и простоте использования, движок освоит даже новичок. Он предлагает простую систему узла и сцены, которые позволяют легко управлять играми и создавать сложные игровые механики.

Этот движок предоставляет множество готовых модулей и функций. Все они помогают реализовывать различные игровые механики, эффекты, системы физики, искусственный интеллект и многое другое. Godot Engine также поддерживает скрипты на нескольких языках, включая GDScript (язык, созданный разработчиками Godot), C#, Python и VisualScript.

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

GameMaker Studio: Удобный и Дорогой

GameMaker Studio (GMS) — это объединенная среда разработки (IDE) и игровой движок, созданные компанией YoYo Games. Несмотря на понятный интерфейс и свой простой язык программирования, что делает его хорошим выбором для новичков в разработке игр, он значительно отстает от других движков. Так, для 3D игр его использовать нельзя, а кроссплатформенность открывает доступ далеко не ко всем устройствам.

Но! GMS – это отличный движок для реализации проектов в 2D графике, особенно в инди-сегменте. Он использует расширенные инструменты для создания анимации, коллизий, уровней и других элементов игры. Их собственный язык программирования GameMaker дает возможность разработчикам контролировать логику игры и создавать собственные функции и классы.

Для инди-игр не удасться найти движка лучше, чем GameMaker Studio. А еще движок предлагает визуальную систему программирования, называемую Drag and Drop, которая позволяет разработчикам создавать игровую логику, перетаскивая и соединяя готовые блоки. Простые игры можно разрабатывать без необходимости написания кода. А также можно учить язык программирования прямо во время создания игр, ведь множество кусков кода уже написаны.

CryEngine: Мощный и “Живой”

CryEngine – это мощный игровой движок, принадлежащий немецкой компании Crytek и созданный в 2002 году. Многие знают его по первой игре – Far Cry. Он известен своим фотореалистичной графикой. Все, что связано с графическими эффектами – это нечто. Он поддерживает реалистичное освещение, теневые эффекты, отражение, анимацию, физику и другие визуальные элементы. У него имеется собственный движок, который создает реалистичную симуляцию физических эффектов, включая коллизии, разрушения, взрывы и т. д. А с помощью интересного пользовательского интерфейса, можно осуществить редактирование ландшафта, размещение объектов, управление освещением и другие функции.

Для работы потребуются знания С++, довольно мощный ПК и некоторое время для детального ознакомления с CryEngine. Как результат, вы получите крутую игру с “живой” графикой.

В этой статье мы поговорим об архитектуре LLM и требованиях к данным для создания «частного ChatGPT», который использует ваши собственные данные. Мы изучим преимущества этой технологии и то, как вы можете преодолеть её ограничения.

Это перевод статьи «How to create a private ChatGPT with your own data» от автора Mick Vleeshouwer. Здесь и далее повествование ведётся от лица автора.

Отказ от ответственности: в этой статье представлен обзор архитектурных концепций, которые не относятся к Azure, но проиллюстрированы с использованием служб Azure, поскольку я — Solution Architect в Microsoft.

1. Недостатки тонкой настройки LLM на личных данных

Часто люди называют тонкую настройку (то есть обучение) хорошим решением, которое позволяет добавить собственные данные поверх уже обученной модели.

Однако у такого подхода есть недостатки: у модели могут быть сбои в ответах, она может выдавать нерелевантную запросу информацию. У GPT-4 такое явление назвали риском галлюцинаций. Всё потому, что GPT-4 обучался только на данных до сентября 2021 года.

Недостатки при тонкой настройке LLM:

1. Можно отследить, из какого датасета берется ответ.
2. Нельзя ограничить доступ к документам с информацией для отдельных пользователей.
3. Добавление новой информации для LLM требует переобучения модели.

Эти проблему делают почти невозможным использование тонкой настройки для персональных ответов на вопросы.

Как преодолеть ограничения и по-прежнему получать выгоду от LLM?

2. Отделите свои знания от вашей языковой модели

Чтобы пользователи получали точные ответы, нам нужно отделить нашу языковую модель от нашей базы знаний. Это позволит пользователям получать наиболее актуальную информацию. Отделить данные можно в режиме реального времени, и обучение модели не требуется.

Будет хорошей идеей передавать все документы в модель во время выполнения. Однако это сложно сделать из-за ограничения количества символов (измеряемого в токенах), которые могут быть обработаны за один раз.

Например, GPT-3 поддерживает токены до 4 КБ, GPT-4 — до 8 КБ или 32 КБ. Поскольку цены указаны за 1000 токенов, использование меньшего количества токенов также может помочь сократить расходы.

Вот, каким будет алгоритм:

1. Пользователь задает вопрос.
2. Приложение находит наиболее релевантный текст, который (скорее всего) содержит ответ.
3. LLM отправляется краткая подсказка с соответствующим текстом документа.
4. Пользователь получит ответ или ответ «Ответ не найден».

Этот подход часто называют обоснованием модели. Мы предоставим дополнительный контекст для LLM, чтобы она отвечала на вопросы на основе соответствующих ресурсов.

3. Получите наиболее релевантные данные

Контекст — это ключевой аспект в настройке.

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

Так мы предоставим языковой модели правильный контекст, и она сможет генерировать правильный ответ.

3.1 Разбивайте и разделяйте данные

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

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

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

Вариант 1: Используйте поисковый продукт

Самый простой способ создать индекс семантического поиска — использовать существующую платформу «Поиск как услуга».

Например, в Azure можно использовать Cognitive Search, который предлагает управляемый конвейер приема документов и семантическое ранжирование с использованием языковых моделей Bing.

Вариант 2: Используйте вложения для создания собственного семантического поиска

Вложение — это вектор (список) чисел с плавающей запятой. Расстояние между двумя векторамиизмеряет их родство. Небольшие расстояния предполагают высокое родство, а большие расстояния предполагают низкое родство.

Если вы хотите использовать новейшие семантические модели и лучше контролировать свой поисковый индекс, вы можете использовать модели встраивания текста от OpenAI. Для всех ваших разделов вам нужно будет предварительно вычислить вложения и сохранить их.

В Azure можно хранить вложения в управляемой векторной базе данных, такой как Azure Cache для Redis (RediSearch), или в векторной базе данных с открытым исходным кодом, такой как Weaviate или Pinecone.

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

3.2 Повышение релевантности с помощью различных стратегий фрагментации

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

Общие шаблоны, которые могут улучшить релевантность:

1. Фрагментация по странице или по токену может привести к потере контекста. Используйте связанный друг с другом контент во фрагментах, чтобы увеличить выдачу наиболее релевантной информации.
2. Обеспечьте больше контекста. Создайте очень структурированный документ с разделами, вложенными в несколько уровней (например, с разделами вида 1.3.3.7). Такой подход будет удачным, поскольку он даёт дополнительный контекст вроде названия главы и раздела.
3. Создайте фрагменты с кратким содержанием более крупного раздела документа. Это позволит включить в ответ самый важный текст и объединить всю информацию в один блок.

4. Пишите краткие промпты, чтобы избежать галлюцинаций

Разработка промптов — это то, как вы «программируете» модель, обычно предоставляя ей инструкции в промпте или несколько примеров.

Промпт — это важная часть в работе с ChatGPT для предотвращения нежелательных ответов. Сегодня создание промптов считается новым навыком, и каждую неделю публикуется все больше и больше примеров промптов.

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

Если модель не может ответить на вопрос, она должна дать предопределенный ответ «нет ответа».

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

Пример промпта:

"You are an intelligent assistant helping Contoso Inc employees with their healthcare plan questions and employee handbook questions. " + \
"Use 'you' to refer to the individual asking the questions even if they ask with 'I'. " + \
"Answer the following question using only the data provided in the sources below. " + \
"For tabular information return it as an html table. Do not return markdown format. "  + \
"Each source has a name followed by colon and the actual information, always include the source name for each fact you use in the response. " + \
"If you cannot answer using the sources below, say you don't know. " + \
"""
###
Question: 'What is the deductible for the employee plan for a visit to Overlake in Bellevue?'
Sources:
info1.txt: deductibles depend on whether you are in-network or out-of-network. In-network deductibles are $500 for employee and $1000 for family. Out-of-network deductibles are $1000 for employee and $2000 for family.
info2.pdf: Overlake is in-network for the employee plan.
info3.pdf: Overlake is the name of the area that includes a park and ride near Bellevue.
info4.pdf: In-network institutions include Overlake, Swedish and others in the region
Answer:
In-network deductibles are $500 for employee and $1000 for family [info1.txt] and Overlake is in-network for the employee plan [info2.pdf][info4.pdf].
###
Question: '{q}'?
Sources:
{retrieved}
Answer:
"""

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

Во время выполнения {q}превратится в вопрос пользователя, а {retrieved} будет заполнен соответствующими разделами из БД для запроса.

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

Этот промпт используется для создания ответа через (Azure) OpenAI API.

Если вы используете gpt-35-turbo (ChatGPT), можно сохранять историю разговора, чтобы была возможность задавать уточняющие вопросы или другие логические задачи (например, резюмирование ответа).

Отличный ресурс, чтобы узнать больше о проектировании промптов — это dair-ai/Prompt-Engineering-Guide на GitHub.

5. Следующие шаги

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

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

1. Плагин извлечения ChatGPT, позволяющий ChatGPT получать доступ к актуальной информации. На данный момент плагин поддерживает только общедоступный ChatGPT, но мы надеемся, что в будущем возможность добавления плагинов будет добавлена в ChatGPT API (OpenAI + Azure).
2. LangChain, популярная библиотека для объединения LLM и других источников знаний.
3. Azure Cognitive Search + OpenAI accelerator для работы с личными данными. Он аналогичен ChatGPT и готов к развертыванию.
4. OpenAI Cookbook, пример того, как использовать вложения OpenAI для вопросов и ответов в Jupyter (инфраструктура не требуется).
5. Semantic Kernel, новая библиотека для смешивания традиционных языков программирования с LLM.

Можно улучшить «собственный ChatGPT», связав его с другими системами при помощи LangChain или Semantic Kernel. Возможности безграничны.

Заключение

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

Тонкая настройка модели также не поможет, так как она не даст модели никаких новых знаний и не даст вам возможности проверить ее реакцию.

Чтобы создать механизм вопросов и ответов поверх LLM, отделите свою базу знаний от большой языковой модели и генерируйте ответы только на основе предоставленного контекста

Программное обеспечение с открытым исходным кодом (OSS) — это революция в разработке ПО.

На GitHub можно найти миллионы проектов с открытым исходным кодом, но их так много, что сложно найти лучшие проекты, соответствующие вашим потребностям.

В этой статье перечислены 7 самых быстрорастущих open-source репозиториев GitHub, о которых вам следует знать.

1. RLHF + PaLM: альтернатива ChatGPT с открытым исходным кодом

RLHF + PaLM — это незавершенная реализация языковой модели. Она сочетает обучение с подкреплением обратной связью от человека (RLHF) и архитектуру PaLM.

Разработчики создают версию модели, аналогичную ChatGPT, но с дополнительными преимуществами архитектуры PaLM.

К сожалению, для этого решения не предусмотрена предварительно обученная модель.

GitHub — lucidrains/PaLM-rlhf-pytorch: Implementation of RLHF (Reinforcement Learning with Human Feedback) on top of the PaLM architecture. Basically ChatGPT but with PaLM

github.com

2. RATH — альтернатива Tableau с открытым исходным кодом

RATH — это новое решение, у которого одно из самых быстрорастущих сообществ на GitHub.

Благодаря передовым технологиям, новаторскому подходу к анализу и визуализации данных RATH быстро завоевала популярность среди профессионалов.

Сообщество RATH быстро растет: разработчики, Data Scientists и бизнес-аналитики вносят свой вклад в развитие проекта и делятся идеями о том, как максимально использовать его потенциал.

Являетесь вы опытным аналитиком данных или только начинаете, RATH — это обязательный инструмент для всех, кто хочет улучшить навыки анализа и визуализации данных.

GitHub — Kanaries/Rath: Next generation of automated data exploratory analysis and visualization platform.

github.com

3. Gogs — альтернатива GitHub с открытым исходным кодом

Gogs предлагает удобный интерфейс для управления версиями Git, что делает его отличной альтернативой GitHub. У Gogs есть отслеживание проблем, пулл реквесты и вики.

Благодаря возможности самостоятельного размещения и настройки Gogs представляет собой гибкое и безопасное решение для совместной работы с Git.

GitHub — gogs/gogs: Gogs is a painless self-hosted Git service

github.com

4. NocoDB — альтернатива AirTable с открытым исходным кодом

NocoDB — это гибкая и масштабируемая платформа данных, которая поддерживает SQL, NoSQL и Graph.

У NocoDB простой, но мощный интерфейс для создания баз данных и управления ими. Также у инструмента есть обновление данных в режиме реального времени.

NocoDB — отличная альтернатива Airtable для тех, кому нужно больше контроля и настроек для данных.

GitHub — nocodb/nocodb: 🔥 🔥 🔥 Open Source Airtable Alternative

github.com

5. Rocket.Chat — альтернатива Slack с открытым исходным кодом

Rocket.Chat обеспечивает общение для команд не только текстом, но и голосовыми и видеозвонками, совместным использованием экрана и обменом файлами.

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

Благодаря своим мощным инструментам для совместной работы Rocket.Chat является отличной альтернативой Slack.

GitHub — RocketChat/Rocket.Chat: The communications platform that puts data protection first.

github.com

6. Plausible Analytics — альтернатива Google Analytics

Plausible Analytics — это безопасная аналитика, которая предоставляет подробные отчеты об активности на веб-сайте в режиме реального времени и без сбора личных данных.

Она также предлагает простой и интуитивно понятный интерфейс для отображения производительности веб-сайта.

GitHub — plausible/analytics: Simple, open-source, lightweight (< 1 KB) and privacy-friendly web analytics alternative to Google Analytics.

github.com

7. Mastodon — альтернатива Твиттеру с открытым исходным кодом

Mastodon — это альтернатива централизованным социальным сетям, таким как Twitter.

Это децентрализованная сеть серверов, которая позволяет пользователям общаться друг с другом, обмениваться контентом и участвовать в онлайн-сообществах.

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

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

GitHub — mastodon/mastodon: Your self-hosted, globally interconnected microblogging community

github.com

Заключение

Эти 7 репозиториев GitHub с открытым исходным кодом — свидетельство активного и процветающего сообщества разработчиков Open Source кода.

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

Используя преимущества открытого исходного кода, эти проекты оказались надежными и эффективными решениями, поэтому они, безусловно, заслуживают изучения и поддержки.

Собрали для вас несколько простых задач по JavaScript для обучения и тренировки, а также пару теоретических вопросов. Задачи расположены в порядке возрастания сложности.

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

Задача 1

Напишите однострочное решение, которое вычисляет сумму квадратных корней для всех чётных чисел целочисленного массива.

Вариант решения:

console.log(
 // Входной массив
 [1, 4, 3, 0, 4, 5, 4]
   // Оставляем только чётные числа
   .filter(element => !(element % 2))
   // Считаем квадратный корень и записываем в аккумулятор
   .reduceRight((accumulator, element) => accumulator + Math.sqrt(element), 0)
); // 6

Метод reduceRight() применяет функцию к аккумулятору и каждому значению массива (справа налево), сводя его к одному значению. А метод reduce() выполняет функцию callback один раз для каждого элемента, присутствующего в массиве, за исключением пустот, принимая четыре аргумента:

• начальное значение (или значение от предыдущего вызова callback);
• значение текущего элемента;
• текущий индекс;
• массив, по которому происходит итерация.

Задача 2

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

Вариант решения:

function getNumbersModulatordBy(modulus, loggerCallback) {
 // Функция, которая возвращает функцию - это подход из функционального программирования
 // Называется замыканием (Closure)
 return function(start, end) {
   loggerCallback({ message: "Конфигурация", config: configuration });
   loggerCallback({ message: "Полученный модулятор", modulus: modulus });
   loggerCallback({
     message: "Полученный start и end",
     start: start,
     end: end
   });

   while (start <= end) {
     // Стоит обратить внимание:
     // 1. При нестрогом равенстве true == 1 и false == 0
     // 2. Здесь мы обращаемся к глобальному контексту configuration
     // p.s. поле isEntry может меняться
     if (start % modulus == configuration.isEntry) {
       // В данном случае мы используем loggerCallback как middleware
       // Это определит дальнейшую судьбу результата
       // Позволяет убрать side-effect
       loggerCallback(start);
     }
     start++;
   }
 };
}

// Глобальный контекст не имеет блочной видимости
// В данном случае переменная поднимается выше в самое начало кода
// Исполнитель JavaScript видит её в независимости от места инициализации
var configuration = {
 modulus: 10,
 isEntry: false,
 start: 45,
 end: 68
};

var loggerCallback = data => console.log(data);

let tenNumbersModulator = getNumbersModulatordBy(
 configuration.modulus,
 loggerCallback
);

// Переменные с глобальным контекстом доступны из:
// 1. globalThis (в Node.js)
// 2. window (в браузере)
window.configuration.modulus = 5;

let fiveNumbersModulator = getNumbersModulatordBy(
 configuration.modulus,
 loggerCallback
);

tenNumbersModulator(configuration.start, configuration.end); // 50, 60
tenNumbersModulator(10, 100); // 10, 20, 30, 40, 50, 60, 70, 80, 90, 100

// Так как мы изменили поле isEntry, то теперь:
// Функция вернёт те значения, которые не входят в модуляцию числа
window.configuration.isEntry = true;

fiveNumbersModulator(configuration.start, configuration.end); // 46, 51, 56, 61, 66
fiveNumbersModulator(10, 21); // 11, 16, 21

Задача 3

Есть ферма животных, у всех животных есть имена и возраст. Животные бывают разных типов: Кошки, Собаки, Коровы. У каждого животного могут быть дети. Если животное является родителем этих детей, в свою очередь глубина семейного древа может достигать Nлибо 0.

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

Вариант решения:

// Родительский класс для всех животных
class Animal {
 constructor(name, age, childs = null) {
   this.name = name;
   this.age = age;
   this.childs = childs;
 }
}

// Класс Cat - потомок класса Animal
// Имеет те же поля, что и Animal
class Cat extends Animal {
 constructor(name, age, childs = null) {
   super(name, age, childs);
 }
}

// Класс Dog - потомок класса Animal
// Имеет те же поля, что и Animal
class Dog extends Animal {
 constructor(name, age, childs = null) {
   super(name, age, childs);
 }
}

// Класс Cow - потомок класса Animal
// Имеет те же поля, что и Animal
class Cow extends Animal {
 constructor(name, age, childs = null) {
   super(name, age, childs);
 }
}

// Рекурсивная функция для подсчета age
// Обходит все дочерние элементы
function getAnimalsAge(animals) {
 let output = 0;

 if (animals.length > 0) {
   // Использование функции reduce для получения общего age
   // https://learn.javascript.ru/array-iteration
   output += animals.reduce((acc, current) => {
     // Сумма age всех childs
     let count = 0;
     // Если childs пустой или его нет, тогда нет смысла пробегать по ним
     if (current.childs && current.childs.length > 0) {
       // Применение рекурсии
       count += getAnimalsAge(current.childs);
     }

     // Возвращаем сумму аккумулятора, текущего животного, сумму age всех childs
     return acc + current.age + count;
   }, 0);
 }

 return output;
}

// Функция для получения определённого количества животных
function generateAnimals(type, count) {
 let output = [];

 for (let i = 0; i <= count; i++) {
   let parameter = {
     name: `${type} ${i}`,
     age: i,
     childs: []
   };

   let item = null;

   switch (type) {
     case "Cat":
       item = new Cat(parameter.name, parameter.age);
       break;
     case "Dog":
       item = new Dog(parameter.name, parameter.age);
       break;
     case "Cow":
       item = new Cow(parameter.name, parameter.age);
       break;
   }

   if (item) {
     output.push(item);
   }
 }

 return output;
}

// Добавление childs ко всем переданным животным
function addChildsTo(animals, count, type) {
 animals.forEach(animal => {
   if (!animal.childs) {
     animal.childs = [];
   }
   // Обратите внимание, что массив - ссылка, поэтому изменяя здесь его поля
   // мы меняем их глобально
   animal.childs = generateAnimals(type, count);
 });
}

let cats = generateAnimals("Cat", 5);
addChildsTo(cats, 10, "Cat");

let dogs = generateAnimals("Dog", 3);
addChildsTo(dogs, 3, "Dog");

let cows = generateAnimals("Cow", 7);
addChildsTo(cows, 1, "Dog");

// Использование оператора Spread (ES6)
// https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Operators/Spread_syntax
let animals = [...cats, ...dogs, ...cows];

console.log(getAnimalsAge(animals)) // 411

Задача 4

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

Пример проблемы:

let animal = {
 name: "animal",
 age: 10,
 childs: ["child 1", "child 2"]
};

let cat = clone(animal);
cat.name = "cat";
cat.age = 5;
cat.childs.push("child 3");

console.log(cat.name, cat.age); // cat 5
console.log(cat.childs); // [ 'child 1', 'child 2', 'child 3' ]

console.log(animal.name, animal.age); // cat 5
console.log(animal.childs); // [ 'child 1', 'child 2', 'child 3' ]

function clone(obj) {
 return obj;
}

Варианты решения:

Deep copy (глубокое копирование)

console.log(cat.name, cat.age); // cat 5
console.log(cat.childs); // [ 'child 1', 'child 2', 'child 3' ]

console.log(animal.name, animal.age); // animal 10
console.log(animal.childs); // [ 'child 1', 'child 2' ]

// Отличный вариант для JSON-safe объектов
let clone = (obj) => JSON.parse(JSON.stringify(obj));

// Опасен для рекурсивных объектов или когда имеется конструктор с параметрами
let clone = obj => {
 if (obj === null || typeof obj !== "object" || "isActiveClone" in obj)
   return obj;

 if (obj instanceof Date) var temp = new obj.constructor();
 //or new Date(obj);
 else var temp = obj.constructor();

 for (var key in obj) {
   if (Object.prototype.hasOwnProperty.call(obj, key)) {
     obj["isActiveClone"] = null;
     temp[key] = clone(obj[key]);
     delete obj["isActiveClone"];
   }
 }
 return temp;
};

Experimental deep copy (экспериментальное глубокое копирование)

Как пишут на Stack Overflow, HTML-стандарт включает в себя алгоритм структурированного клонирования, который может создавать глубокие копии объектов. Он всё ещё ограничен встроенными типами, но в дополнение к тем типам, что поддерживаются в JSON, поддерживает Dates, RegExps, Maps, Sets, Blobs, FileLists, ImageDatas, Sparse Arrays, Typed Arrays и, вероятно, больше в будущем. Решает также проблемы цикличных и рекурсивных структур, которые ломают JSON.

console.log(cat.name, cat.age); // cat 5
console.log(cat.childs); // [ 'child 1', 'child 2', 'child 3' ]

console.log(animal.name, animal.age); // animal 10
console.log(animal.childs); // [ 'child 1', 'child 2' ]

let clone = (obj) => require("v8").deserialize(require("v8").serialize(obj));

Shallow copy (поверхностное копирование)

Клонирование вложенных свойств по ссылке пропускается, нужно быть осторожным в использовании.

console.log(cat.name, cat.age); // cat 5
console.log(cat.childs); // [ 'child 1', 'child 2', 'child 3' ]

console.log(animal.name, animal.age); // animal 10
console.log(animal.childs); // [ 'child 1', 'child 2', 'child 3' ]

// Копирует значение всех собственных итерируемых элементов объекта
let clone = (obj) => Object.assign(new Object(), obj);
// Более известен как оператор Spread
let clone = (obj) => { ...obj };

Задача 5

Выйдите из цикла, изменив только две отмеченные строки. Результат в консоли сейчас останавливается на 9 9. Должен на 5 4.

for (let i = 0; i < 10; i++) { //! Эту строку можно изменить
 for (let j = 0; j < 10; j++) {
   if (i === 5 && j === 5) {
     //! Эту строку можно изменить
   }

   console.log(i, j);
 }
}

Вариант решения:

Как пишут на MDN web docs, инструкция метки (label) используется вместе с break или continue для альтернативного выхода из цикла. Метка добавляется перед блочным выражением в качестве ссылки, которая может быть использована в дальнейшем.

cycle: for (let i = 0; i < 10; i++) { //! Эту строку можно изменить
 for (let j = 0; j < 10; j++) {
   if (i === 5 && j === 5) {
     break cycle; //! Эту строку можно изменить
   }
   console.log(i, j);
 }
}

Задача 6

Яблоко стоит 1.15, апельсин стоит 2.30. Сколько они стоят вместе – чему равна сумма 1.15 + 2.30 с точки зрения JavaScript?

Ответ:

3.4499999999999997

Число хранится в памяти в бинарной форме, как последовательность бит – единиц и нулей. Но дроби, такие как 1.15, 2.30, которые выглядят довольно просто в десятичной системе счисления, на самом деле являются бесконечной дробью в двоичной форме. Это объяснение взято с сайта Современный учебник JavaScript, там же можно подробно почитать про числа в языке.

Задача 7

Чему равен typeof null в режиме use strict?

Ответ

object

Как пишут на Хабре:

Все JavaScript-программисты давно привыкли к тому, что typeof null === 'object'; // true, хотя фактически null — примитивное значение. Многие знают, что это баг, и лично Брэндан Айк это признаёт. Этот баг, вероятно, никогда не будет исправлен из-за необходимости сохранения обратной совместимости существующего кода с новыми версиями языка.

Собрали для вас несколько простых задач по JavaScript для обучения и тренировки, а также пару теоретических вопросов. Задачи расположены в порядке возрастания сложности.

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

Задача 1

Напишите однострочное решение, которое вычисляет сумму квадратных корней для всех чётных чисел целочисленного массива.

Вариант решения:

console.log(
 // Входной массив
 [1, 4, 3, 0, 4, 5, 4]
   // Оставляем только чётные числа
   .filter(element => !(element % 2))
   // Считаем квадратный корень и записываем в аккумулятор
   .reduceRight((accumulator, element) => accumulator + Math.sqrt(element), 0)
); // 6

Метод reduceRight() применяет функцию к аккумулятору и каждому значению массива (справа налево), сводя его к одному значению. А метод reduce() выполняет функцию callback один раз для каждого элемента, присутствующего в массиве, за исключением пустот, принимая четыре аргумента:

• начальное значение (или значение от предыдущего вызова callback);
• значение текущего элемента;
• текущий индекс;
• массив, по которому происходит итерация.

Задача 2

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

Вариант решения:

function getNumbersModulatordBy(modulus, loggerCallback) {
 // Функция, которая возвращает функцию - это подход из функционального программирования
 // Называется замыканием (Closure)
 return function(start, end) {
   loggerCallback({ message: "Конфигурация", config: configuration });
   loggerCallback({ message: "Полученный модулятор", modulus: modulus });
   loggerCallback({
     message: "Полученный start и end",
     start: start,
     end: end
   });

   while (start <= end) {
     // Стоит обратить внимание:
     // 1. При нестрогом равенстве true == 1 и false == 0
     // 2. Здесь мы обращаемся к глобальному контексту configuration
     // p.s. поле isEntry может меняться
     if (start % modulus == configuration.isEntry) {
       // В данном случае мы используем loggerCallback как middleware
       // Это определит дальнейшую судьбу результата
       // Позволяет убрать side-effect
       loggerCallback(start);
     }
     start++;
   }
 };
}

// Глобальный контекст не имеет блочной видимости
// В данном случае переменная поднимается выше в самое начало кода
// Исполнитель JavaScript видит её в независимости от места инициализации
var configuration = {
 modulus: 10,
 isEntry: false,
 start: 45,
 end: 68
};

var loggerCallback = data => console.log(data);

let tenNumbersModulator = getNumbersModulatordBy(
 configuration.modulus,
 loggerCallback
);

// Переменные с глобальным контекстом доступны из:
// 1. globalThis (в Node.js)
// 2. window (в браузере)
window.configuration.modulus = 5;

let fiveNumbersModulator = getNumbersModulatordBy(
 configuration.modulus,
 loggerCallback
);

tenNumbersModulator(configuration.start, configuration.end); // 50, 60
tenNumbersModulator(10, 100); // 10, 20, 30, 40, 50, 60, 70, 80, 90, 100

// Так как мы изменили поле isEntry, то теперь:
// Функция вернёт те значения, которые не входят в модуляцию числа
window.configuration.isEntry = true;

fiveNumbersModulator(configuration.start, configuration.end); // 46, 51, 56, 61, 66
fiveNumbersModulator(10, 21); // 11, 16, 21

Задача 3

Есть ферма животных, у всех животных есть имена и возраст. Животные бывают разных типов: Кошки, Собаки, Коровы. У каждого животного могут быть дети. Если животное является родителем этих детей, в свою очередь глубина семейного древа может достигать Nлибо 0.

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

Вариант решения:

// Родительский класс для всех животных
class Animal {
 constructor(name, age, childs = null) {
   this.name = name;
   this.age = age;
   this.childs = childs;
 }
}

// Класс Cat - потомок класса Animal
// Имеет те же поля, что и Animal
class Cat extends Animal {
 constructor(name, age, childs = null) {
   super(name, age, childs);
 }
}

// Класс Dog - потомок класса Animal
// Имеет те же поля, что и Animal
class Dog extends Animal {
 constructor(name, age, childs = null) {
   super(name, age, childs);
 }
}

// Класс Cow - потомок класса Animal
// Имеет те же поля, что и Animal
class Cow extends Animal {
 constructor(name, age, childs = null) {
   super(name, age, childs);
 }
}

// Рекурсивная функция для подсчета age
// Обходит все дочерние элементы
function getAnimalsAge(animals) {
 let output = 0;

 if (animals.length > 0) {
   // Использование функции reduce для получения общего age
   // https://learn.javascript.ru/array-iteration
   output += animals.reduce((acc, current) => {
     // Сумма age всех childs
     let count = 0;
     // Если childs пустой или его нет, тогда нет смысла пробегать по ним
     if (current.childs && current.childs.length > 0) {
       // Применение рекурсии
       count += getAnimalsAge(current.childs);
     }

     // Возвращаем сумму аккумулятора, текущего животного, сумму age всех childs
     return acc + current.age + count;
   }, 0);
 }

 return output;
}

// Функция для получения определённого количества животных
function generateAnimals(type, count) {
 let output = [];

 for (let i = 0; i <= count; i++) {
   let parameter = {
     name: `${type} ${i}`,
     age: i,
     childs: []
   };

   let item = null;

   switch (type) {
     case "Cat":
       item = new Cat(parameter.name, parameter.age);
       break;
     case "Dog":
       item = new Dog(parameter.name, parameter.age);
       break;
     case "Cow":
       item = new Cow(parameter.name, parameter.age);
       break;
   }

   if (item) {
     output.push(item);
   }
 }

 return output;
}

// Добавление childs ко всем переданным животным
function addChildsTo(animals, count, type) {
 animals.forEach(animal => {
   if (!animal.childs) {
     animal.childs = [];
   }
   // Обратите внимание, что массив - ссылка, поэтому изменяя здесь его поля
   // мы меняем их глобально
   animal.childs = generateAnimals(type, count);
 });
}

let cats = generateAnimals("Cat", 5);
addChildsTo(cats, 10, "Cat");

let dogs = generateAnimals("Dog", 3);
addChildsTo(dogs, 3, "Dog");

let cows = generateAnimals("Cow", 7);
addChildsTo(cows, 1, "Dog");

// Использование оператора Spread (ES6)
// https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Operators/Spread_syntax
let animals = [...cats, ...dogs, ...cows];

console.log(getAnimalsAge(animals)) // 411

Задача 4

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

Пример проблемы:

let animal = {
 name: "animal",
 age: 10,
 childs: ["child 1", "child 2"]
};

let cat = clone(animal);
cat.name = "cat";
cat.age = 5;
cat.childs.push("child 3");

console.log(cat.name, cat.age); // cat 5
console.log(cat.childs); // [ 'child 1', 'child 2', 'child 3' ]

console.log(animal.name, animal.age); // cat 5
console.log(animal.childs); // [ 'child 1', 'child 2', 'child 3' ]

function clone(obj) {
 return obj;
}

Варианты решения:

Deep copy (глубокое копирование)

console.log(cat.name, cat.age); // cat 5
console.log(cat.childs); // [ 'child 1', 'child 2', 'child 3' ]

console.log(animal.name, animal.age); // animal 10
console.log(animal.childs); // [ 'child 1', 'child 2' ]

// Отличный вариант для JSON-safe объектов
let clone = (obj) => JSON.parse(JSON.stringify(obj));

// Опасен для рекурсивных объектов или когда имеется конструктор с параметрами
let clone = obj => {
 if (obj === null || typeof obj !== "object" || "isActiveClone" in obj)
   return obj;

 if (obj instanceof Date) var temp = new obj.constructor();
 //or new Date(obj);
 else var temp = obj.constructor();

 for (var key in obj) {
   if (Object.prototype.hasOwnProperty.call(obj, key)) {
     obj["isActiveClone"] = null;
     temp[key] = clone(obj[key]);
     delete obj["isActiveClone"];
   }
 }
 return temp;
};

Experimental deep copy (экспериментальное глубокое копирование)

Как пишут на Stack Overflow, HTML-стандарт включает в себя алгоритм структурированного клонирования, который может создавать глубокие копии объектов. Он всё ещё ограничен встроенными типами, но в дополнение к тем типам, что поддерживаются в JSON, поддерживает Dates, RegExps, Maps, Sets, Blobs, FileLists, ImageDatas, Sparse Arrays, Typed Arrays и, вероятно, больше в будущем. Решает также проблемы цикличных и рекурсивных структур, которые ломают JSON.

console.log(cat.name, cat.age); // cat 5
console.log(cat.childs); // [ 'child 1', 'child 2', 'child 3' ]

console.log(animal.name, animal.age); // animal 10
console.log(animal.childs); // [ 'child 1', 'child 2' ]

let clone = (obj) => require("v8").deserialize(require("v8").serialize(obj));

Shallow copy (поверхностное копирование)

Клонирование вложенных свойств по ссылке пропускается, нужно быть осторожным в использовании.

console.log(cat.name, cat.age); // cat 5
console.log(cat.childs); // [ 'child 1', 'child 2', 'child 3' ]

console.log(animal.name, animal.age); // animal 10
console.log(animal.childs); // [ 'child 1', 'child 2', 'child 3' ]

// Копирует значение всех собственных итерируемых элементов объекта
let clone = (obj) => Object.assign(new Object(), obj);
// Более известен как оператор Spread
let clone = (obj) => { ...obj };

Задача 5

Выйдите из цикла, изменив только две отмеченные строки. Результат в консоли сейчас останавливается на 9 9. Должен на 5 4.

for (let i = 0; i < 10; i++) { //! Эту строку можно изменить
 for (let j = 0; j < 10; j++) {
   if (i === 5 && j === 5) {
     //! Эту строку можно изменить
   }

   console.log(i, j);
 }
}

Вариант решения:

Как пишут на MDN web docs, инструкция метки (label) используется вместе с break или continue для альтернативного выхода из цикла. Метка добавляется перед блочным выражением в качестве ссылки, которая может быть использована в дальнейшем.

cycle: for (let i = 0; i < 10; i++) { //! Эту строку можно изменить
 for (let j = 0; j < 10; j++) {
   if (i === 5 && j === 5) {
     break cycle; //! Эту строку можно изменить
   }
   console.log(i, j);
 }
}

Задача 6

Яблоко стоит 1.15, апельсин стоит 2.30. Сколько они стоят вместе – чему равна сумма 1.15 + 2.30 с точки зрения JavaScript?

Ответ:

3.4499999999999997

Число хранится в памяти в бинарной форме, как последовательность бит – единиц и нулей. Но дроби, такие как 1.15, 2.30, которые выглядят довольно просто в десятичной системе счисления, на самом деле являются бесконечной дробью в двоичной форме. Это объяснение взято с сайта Современный учебник JavaScript, там же можно подробно почитать про числа в языке.

Задача 7

Чему равен typeof null в режиме use strict?

Ответ

object

Как пишут на Хабре:

Все JavaScript-программисты давно привыкли к тому, что typeof null === 'object'; // true, хотя фактически null — примитивное значение. Многие знают, что это баг, и лично Брэндан Айк это признаёт. Этот баг, вероятно, никогда не будет исправлен из-за необходимости сохранения обратной совместимости существующего кода с новыми версиями языка.

Собранные книги по C++ позволят выучить этот непростой язык как новичкам, так и тем программистам, которые ранее изучали другие языки.

1. Книги на русском
2. Книги на английском

Книги по C++ на русском

Программирование. Принципы и практика с использованием C++

Книга написана создателем языка C++ — Бьёрном Страуструпом. Материал ориентирован в первую очередь на тех, кто не был знаком с программированием до прочтения этой книги. Она задумана как введение в разработку, а язык C++ играет, скорее, иллюстративную роль. Здесь не удастся найти информацию обо всех возможностях данного языка программирования, зато можно получить полезные советы и рекомендации для более эффективной работы с C++ от человека, который имеет бесценный опыт в программировании и огромное значение в сообществе программистов.

Язык программирования C++. Лекции и упражнения

Оригинал шестого издания был выпущен в далёком 2011 году, поэтому о стандартах 14/17 из этого учебника вы не узнаете. Тем не менее, это всё ещё хороший базис для начинающих. Стивен Прата вложил свой преподавательский опыт в эту книгу. В результате получился монументальный труд, который дружественно относится к читателю и понятным языком объясняет фундаментальные основы данного языка программирования.

Изучаем C++ через программирование игр

Пусть эта книга и освещает только базовые элементы языка, её несомненный плюс в том, что она предлагает закреплять полученные знания путём создания небольших игр. В каждой главе дан определённый игровой проект, на примере которого поясняется, как можно использовать «фишки» «плюсов». Книга подойдёт и тем, кто до нее не был знаком с программированием.

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

Книга Роберта Лафоре из серии «Классика Computer Science». В ней очень грамотно и полно представлено понятие объектно-ориентированного программирования в C++. Кроме теории, книга предлагает читателю сделать около 100 различных упражнений, которые позволят отточить навык владения ООП. Отлично подходит для начинающих программистов.

Как программировать на C++

Харви и Пол Дейтелы в своей книге решили отойти от привычного порядка введения в C++ и уже с третьей главы знакомят читателя с основами ООП, тем самым не освещая должным образом структурное и процедурное программирование. Большое внимание уделяется объектно-ориентированному проектированию программных систем с помощью графического языка UML2. Данный учебник является одним из самых популярных в мире по C++.

Осваиваем C++17 STL

Стандарт C++17 удвоил объем библиотеки по сравнению с С++11. Из книги вы узнаете об особенностях 17-го стандарта с примерами, научитесь создавать пулы потоков выполнения, диспетчеры памяти, типы итераторов. В материале рассмотрены отличия полиморфизма, мономорфизма, а также обобщённых алгоритмов. Подойдёт разработчикам, которые уже знают C++, но хотят овладеть особенностями библиотеки C++17 STL и использовать на практике её компоненты.

Язык программирования C++. Базовый курс

Более тысячи страниц подробного введения в C++, которое детально покрывает буквально все аспекты языка в доступном формате. С самого начала книги читателя знакомят со стандартной библиотекой C++, её популярными функциями и средствами, что позволяет в скором времени приступить к написанию программ, даже если не были изучены некоторые нюансы языка. В книге используется стандарт С++11.

Программирование на C++ в примерах и задачах

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

Эффективное программирование на C++. Практическое программирование на примерах

Содержит в себе всё то же самое, что и «Учебник для начинающих: С++», но короче в 4 раза. В основном из-за того, что автор не пытается ввести читателя в программирование, а сразу учит С++ тех, кто пришел из других языков. Может быть немного сложна для понимания, но тем, кто сможет осилить курс, это ещё и здорово сократит время изучения.

Книги по C++ на английском

Fundamentals of Programming C++

Книга содержит огромное количество материала по C++ и явно стремится осветить все основные аспекты языка. В ней вы найдете информацию как о базовых элементах C++, так и об использовании библиотеки STL. Автор регулярно обновляет книгу, благодаря чему в ней представлена актуальная версия языка. Множество примеров кода и того, как работают программы, позволят закрепить пройденный материал.

C++ Annotations

Книга рассчитана в первую очередь на тех, что уже знает язык Си или Си-подобный язык, например, Java. Поэтому она не рассказывает об общих моментах, которые одинаковы или, по крайней мере, похожи в таких языках, а сразу преподносит материал, присущий только C++. Поэтому если вы изучаете или уже изучили C или Java, то эта книга станет хорошим подспорьем в изучении C++.

C++ Succinctly

Книга написана специально для C#-разработчиков. Материал по языку C++ даётся с учётом имеющихся у программиста знаний о языке C#. Книга полезна, когда часть проекта на C++, а вы знаете C#. После изучения материала вы сможете писать полноценные программы уже на C++.

The Rook's Guide to C++

Данный учебник является трудом автора и его 25 студентов, большинство из которых — новички в C++. Большая часть книги была написана совместными усилиями примерно за 36 часов. Сам автор признаётся, что будь у него бесконечное количество времени, он бы отполировал книгу до блеска. Всё это сделано с целью удешевления производства книги и, как следствие, выпуска её в свободный доступ для всех желающих. В ней могут быть ошибки, но в целом в книге представлен неплохой материал по языку C++.

Learn C++

В нашу подборку книг затесался сайт. Вы думаете, это какая-то ошибка? Вовсе нет: это онлайн-учебник по всему С++. Его несомненное преимущество в том, что каждая глава проиллюстрирована кодом, так что материал будет легче усвоить. Всё расписано достаточно подробно, но самое главное — книга регулярно дополняется в соответствии с новыми стандартами C++.

Structured Programming with C++

Книга научит основам структурного программирования. В первую очередь, она стремится донести до читателя, что такое «думать как программист», а уже во вторую — обучить языку C++. Материал представлен в удобочитаемой форме. Как и во многих учебниках, здесь есть материалы для самопроверки в каждой главе с ответами в конце. Автор подчёркивает, что материал фокусируется на решении типовых проблем и задач, возникающих в процессе написания программы.

Software Design Using C++

Ещё одна онлайн-книга, которая даёт материал в соответствии с тремя курсами, которые в американских университетах называются CS 1, CS 2 и «Структуры данных». Новичкам стоит начать именно с курса CS 1, поскольку в нём представлены основы программирования на C++. После переходите к курсу CS 2, а затем — к структурам данных.

How to Think Like a Computer Scientist

Цели книги — научить использовать C++ и мыслить, как исследователь. Она делает акцент на использовании языка C++ как удобного инструмента для научных вычислений. Для знакомства с материалом желательна хотя бы математическая подготовка. Вы научитесь чётко формулировать проблему, представлять её решение, и только после этого писать код и проводить тесты.

Open Data Structures

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

Data Structures and Algorithm Analysis

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

Упражнения

Раздел упражнений расположен на официальном сайте создателя языка, Бьёрна Страуструпа. Его не стали выпускать в печатном виде, поскольку раздел постоянно обновляется. Документ содержит множество упражнений различных уровней. Данный показатель указывается рядом с номером упражнения. Например, уровень (*1) означает, что задачу вполне реально решить за 10 минут, (*2) — за час, а на (*3) вы можете потратить целый день. Конечно, эти показатели не точные и целиком зависят только от вашего опыта, так что дерзайте! Чем больше задач вы решите, тем лучше освоите инструменты C++.