{"draftJsState":{"blocks":[{"data":{"image":{"id":"6969f9ab9413f0435b509b1a"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"9v8fo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Опыт важен для любого разработчика, особенно для тех, кто занимается frontend. Работодатели ценят разработчиков, которые имеют портфолио проектов, показывают умение решать реальные проблемы и демонстрируют знание инструментов и технологий. Даже если вы новичок, наличие собственного проекта покажет вашу инициативу и желание развиваться.","type":"unstyled","key":"38n69"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Шаги для получения опыта.","type":"header-two","key":"7m2kq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1. Изучение основ HTML, CSS и JavaScript","type":"header-three","key":"7qugb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Прежде всего, убедитесь, что у вас есть прочная база знаний в основных технологиях веб-разработки. Используйте онлайн или оффлайн курсы, документацию и учебные пособия для изучения HTML, CSS и JavaScript. Это фундаментальные технологии, необходимые каждому фронтенд-разработчику.","type":"unstyled","key":"2taui"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"b3jn7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"64g37"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"bh3ie"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"9lcvo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"1j1ko"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Простая страница","type":"blockquote","key":"4thtb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"1ik7d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"5188o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n \t

Привет, мир!

\n \t

Это моя первая веб-страница.

","type":"blockquote","key":"78k3c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"9ndqd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"65dqt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Этот просто пример, демонстрирует, как легко и просто, можно создать страницу в браузере. Достаточно напечатать этот кусок разметки в блокноте, сохранить в формате html и открыть файл в браузере.","type":"unstyled","key":"b2f4u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":27,"offset":0,"style":"BOLD"}],"text":"Список полезных материалов:","type":"unstyled","key":"7f7v8"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":54,"offset":0}],"inlineStyleRanges":[],"text":"Записи митапов и мастер классов школы Nordic IT School - помогут вам выбрать нужное направление в IT.","type":"ordered-list-item","key":"e39cv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"htmlbook - поможет в изучении html и css, будет очень полезен в начале пути для любого веб-разработчика.","type":"ordered-list-item","key":"9ri3o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"learn.javascript - современный учебник для изучения JS.","type":"ordered-list-item","key":"a10eo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"habr - множество полезных IT статей, на разные темы","type":"ordered-list-item","key":"3pij"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2. Создание собственных проектов","type":"header-three","key":"aioe6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Начните создавать собственные проекты. Это может быть личный сайт портфолио, блог, приложение для заметок или даже игра. Главное — начать писать код и видеть результаты своей работы.","type":"unstyled","key":"c0v9u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Примеры простых проектов:","type":"unstyled","key":"4te2m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сайт-визитка: простой одностраничный сайт с информацией о себе.","type":"unordered-list-item","key":"8tetb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Список задач: приложение для управления задачами с возможностью добавления, удаления и редактирования задач.","type":"unordered-list-item","key":"46o3g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Конвертер валют: интерактивное приложение, которое конвертирует валюту.","type":"unordered-list-item","key":"a7lnu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Интернет магазин: большой проект, на котором вы получите практически полный багаж знаний о разработке веб приложений.","type":"unordered-list-item","key":"6no67"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":34,"offset":210}],"inlineStyleRanges":[],"text":"В нашей школе Nordic IT School, на каждом курсе, мы реализуем несколько проектов для портфолио студентов. С примерным списком проектом, можно ознакомится на странице каждого курса, например на странице курса - Frontend-разработка для начинающих","type":"unstyled","key":"bhnb2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"3. Участие в Open Source проектах","type":"header-three","key":"1tdh9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Присоединитесь к открытым проектам на GitHub. Вы можете вносить вклад в существующие проекты, исправлять баги или добавлять новые функции. Это отличный способ научиться работать в команде и познакомиться с лучшими практиками разработки.","type":"unstyled","key":"1ade1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"bash","type":"blockquote","key":"4pfd2"},{"data":{},"depth":0,"entityRanges":[{"key":2,"length":32,"offset":10}],"inlineStyleRanges":[],"text":"git clone https://github.com/your-repo.git\ncd your-repo","type":"blockquote","key":"3fihk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"npm install","type":"blockquote","key":"dng6i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"npm start","type":"blockquote","key":"6iu52"},{"data":{},"depth":0,"entityRanges":[{"key":3,"length":11,"offset":10},{"key":4,"length":5,"offset":26}],"inlineStyleRanges":[],"text":"Например, highlightjs или redux.","type":"unstyled","key":"7ckmi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"4. Использование фреймворков и библиотек","type":"header-three","key":"buu6t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Изучайте современные фреймворки и библиотеки, такие как React, Vue.js или VanillaJS. Они позволяют быстрее разрабатывать приложения и предоставляют инструменты для решения сложных задач.","type":"unstyled","key":"ubof"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"javascript","type":"blockquote","key":"35ikv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"import React from 'react';","type":"blockquote","key":"5h5rn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"import { render } from 'react-dom';","type":"blockquote","key":"57s1g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"const App = () => (","type":"blockquote","key":"3lhds"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"e1qbt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Hello, World!

","type":"blockquote","key":"4ounf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

This is a simple React app.

","type":"blockquote","key":"a6pi6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"fsbni"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":");","type":"blockquote","key":"87ds3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"render(, document.getElementById('root'));","type":"blockquote","key":"57ecm"},{"data":{},"depth":0,"entityRanges":[{"key":5,"length":5,"offset":105}],"inlineStyleRanges":[],"text":"На занятиях в нашей школе, мы изучаем множество разных технологий, полный список, можно изучить на нашем сайте.","type":"unstyled","key":"c7net"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"5. Практическое применение","type":"header-three","key":"1vt4t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Практикуйтесь ежедневно. Чем больше вы пишете код, тем лучше становитесь. Попробуйте создать мини-проекты каждый день, решайте задачи на Codewars или LeetCode, участвуйте в хакатонах. Приходите на курс по фронтенд разработке в наше школу, 70% наших занятий - это практика.","type":"unstyled","key":"d8dos"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"6. Общение с сообществом","type":"header-three","key":"eerbp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Общайтесь с другими разработчиками. Присоединяйтесь к чатам и форумам, задавайте вопросы и помогайте другим. Сообщества, такие как Stack Overflow, Reddit, qna habr и специализированные чаты в мессенджерах, могут стать отличным источником поддержки и вдохновения. У нас в школе, есть свое сообщество, куда попадают все наши выпускники!","type":"unstyled","key":"9u299"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":127,"offset":0,"style":"BOLD"}],"text":"Следуя этим шагам, вы сможете быстро набрать опыт во фронтенд разработке, не выходя из дома. Главное — практика и регулярность.","type":"unstyled","key":"ciq9j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Удачи вам в ваших начинаниях!","type":"unstyled","key":"1u6ie"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"С вами был,","type":"unstyled","key":"aosis"},{"data":{},"depth":0,"entityRanges":[{"key":6,"length":16,"offset":82}],"inlineStyleRanges":[],"text":"Александр Румянцев - frontend-разработчик, преподаватель в школе программирования Nordic IT School.","type":"unstyled","key":"3kip7"},{"data":{"image":{"id":"6969fdd0939f1e516ce2b1ea"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"a01sp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"6mf8g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"wisuw3LPORPHToUMHaJh"}],"entityMap":{"0":{"data":{"url":"https://inordic.ru/all-videos"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"url":"https:// inordic.ru/courses/frontend-development"},"mutability":"MUTABLE","type":"LINK"},"2":{"data":{"url":"https://github.com/your-repo.git"},"mutability":"MUTABLE","type":"LINK"},"3":{"data":{"url":"https://github.com/highlightjs/highlight.js"},"mutability":"MUTABLE","type":"LINK"},"4":{"data":{"url":"https://github.com/reduxjs/redux"},"mutability":"MUTABLE","type":"LINK"},"5":{"data":{"url":"https://inordic.ru/courses/frontend-development"},"mutability":"MUTABLE","type":"LINK"},"6":{"data":{"url":"https://inordic.ru/#courses"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}