<MyRusakov.ru />

Разработчик игр на Unreal Engine

Разработчик игр на Unreal Engine

Этот комплект с нуля всего за 7 месяцев сделает Вас Unreal-разработчиком. И при этом учиться достаточно 1 час в день.

Начнёте Вы с основ программирования, постепенно перейдя к C++. Затем очень подробно изучите Unreal Engine, и после научитесь программировать на C++ в Unreal Engine. В конце создадите крупный проект на C++ в Unreal Engine для своего портфолио.

Комплект содержит:

- 416 видеоуроков

- 95 часов видео

- 1024 задания для закрепления материала из уроков

- 3 финальных тестирования

- 4 сертификата

- 12 Бонусных курсов

Подробнее
Подписка

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

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Какая тема Вас интересует больше?

Генератор резюме на html и js

Генератор резюме на html и js

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Генератор Резюме</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            color: #333;
            margin: 0;
            padding: 20px;
        }
        .container {
            max-width: 800px;
            margin: auto;
        }
        h1, h2, h3 {
            margin-bottom: 20px;
        }
        p {
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
    <div class="container">
        <header>
            <h1>Генератор Резюме</h1>
            <label for="name">Имя:</label>
            <input type="text" id="name"><br><br>
            <label for="position">Должность:</label>
            <input type="text" id="position"><br><br>
        </header>
        <section>
            <h2>Образование</h2>
            <label for="education">Образование:</label>
            <input type="text" id="education"><br><br>
        </section>
        <section>
            <h2>Опыт работы</h2>
            <label for="experience">Опыт работы:</label>
            <textarea id="experience" rows="4" cols="50"></textarea><br><br>
        </section>
        <section>
            <h2>Навыки</h2>
            <label for="skills">Навыки:</label>
            <input type="text" id="skills"><br><br>
        </section>
        <section>
            <h2>Контакты</h2>
            <label for="email">Email:</label>
            <input type="email" id="email"><br><br>
            <label for="phone">Телефон:</label>
            <input type="text" id="phone"><br><br>
            <label for="social">Ссылки на социальные сети:</label>
            <input type="text" id="social"><br><br>
        </section>
        <button onclick="saveResume()">Сохранить резюме</button>
    </div>

    <script>
        function saveResume() {
            var resume = {
                name: document.getElementById('name').value,
                position: document.getElementById('position').value,
                education: document.getElementById('education').value,
                experience: document.getElementById('experience').value,
                skills: document.getElementById('skills').value,
                email: document.getElementById('email').value,
                phone: document.getElementById('phone').value,
                social: document.getElementById('social').value
            };

            // Преобразование объекта резюме в формат JSON
            var resumeJSON = JSON.stringify(resume);

            // Сохранение резюме в локальном хранилище
            localStorage.setItem('resume', resumeJSON);

            alert('Резюме сохранено!');

            // Создание нового окна для отображения резюме
            var newWindow = window.open();
            newWindow.document.write('<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Ваше Резюме</title></head><body>');
            newWindow.document.write('<h1>' + resume.name + '</h1>');
            newWindow.document.write('<p>' + resume.position + '</p>');
            newWindow.document.write('<h2>Образование</h2>');
            newWindow.document.write('<p>' + resume.education + '</p>');
            newWindow.document.write('<h2>Опыт работы</h2>');
            newWindow.document.write('<p>' + resume.experience + '</p>');
            newWindow.document.write('<h2>Навыки</h2>');
            newWindow.document.write('<ul>');
            newWindow.document.write('<li>' + resume.skills + '</li>');
            newWindow.document.write('</ul>');
            newWindow.document.write('<h2>Контакты</h2>');
            newWindow.document.write('<p>Email: ' + resume.email + '</p>');
            newWindow.document.write('<p>Телефон: ' + resume.phone + '</p>');
            newWindow.document.write('<p>Социальные сети: ' + resume.social + '</p>');
            newWindow.document.write('</body></html>');
            newWindow.document.close();
        }
    </script>
</body>
</html>

Таким образом, мы создали интерфейс для ввода данных резюме, включая имя, должность, образование, опыт работы, навыки и контактную информацию. Затем, с помощью JavaScript получаем доступ к HTML данным, о чем подробнее можно узнать из видеокурса Программирование на JavaScript с Нуля до Гуру 2.0 в разделе Работа с HTML-документом. После заполнения всех полей и нажатия кнопки "Сохранить резюме", данные сохраняются в локальном хранилище браузера в формате JSON, а затем отображаются в новом окне в виде готового резюме.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

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

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

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