Где получить практику применения JS для создания веб-сайтов?

Question

[LerKov]

Здравствуйте!

Такая проблема. Изучил HTML5 и CSS3. Верстал небольшие сайты на заказ. Конечно, захотелось расти и для этого прочитал книгу по JS. Благо программировать я умею, оставалось только изучить сам язык.
Изучил. Но теперь не знаю, с чего начать, чтобы начать создавать сайты с применением JS.

Знаю, что скажете, чтобы взял какой-нибудь сайт и начал добавлять JS, но я плохо представляю вообще с чего начать. Хотелось бы с мелких задач, на которых смогу потренироваться, закрепив и получив новые знания по событиям и DOM-модели, а в дальнейшем уже соединить эти мелкие кусочки и создать что-то крупное. Например, веб-сайт.

Владею только HTML5, CSS3 и JS. Остальное пока не знаю.

Answer 1

[j n]

Прекрасный курс из 30 уроков по ванильному Javascript от Wes Bos поможет понять, как применяется современный JS на практике, а заодно научит использовать ES6+ фичи уже сейчас:

ссылка

Comments

[Саша Лютаев]

Спасибо)))

[Иван Иванов]

супер, все по английски и ни черта не понятно. Бусурмане...

[Вениамин Смирнов]

Иван Иванов, вы точно уверены, что оставили комментарий на Тостере, в 2017, под записью о JS?

Answer 2

[Alexlexandr]

Если хотите, у меня есть небольшая задача.
Нужно делать парсинг файлов , размер всегда стандартный, восемькилобайт.
Там записан архив журнала работы устройства за месяц или около того.
Нужно выбирать из него данные, строить из них графики.
Отмечать точки дискретных событий (Вкл, Выкл, Авария питания, Пуск, Стоп, превышение давления и т.п.)
Все это представить в графическом виде.
И в табличном виде (с сортировкой по времени или по времени и типам событий).

Файл должен загружать на страничке сервиса пользователь. Хранить файлы не нужно, но результаты обработки нужно выгружать пользователю.
В виде картинок графиков.
И цифровом виде, например в виде таблицы Excel.
Логиниться тоже не нужно.
Можем прикинуть сроки и деньги. И вы попробуете силы на реальной задаче.

Comments

[StoKonstantin]

Я не тот человек, которому вы отвечали, но задача, которую вы описали, меня заинтересовала. Не могли бы вы скинуть мне файл образец, который нужно будет парсить, и примерное описание или пример файла, который должен получиться на выходе? Моя почта kon2219(собака)yandex.ru

[Alexlexandr]

Пожалуйста.
Я сделал временную папку проекта: https://yadi.sk/d/RIT74pAt3Ntg5y
И положил туда описание формата архива и пример файла архива.
Примера формата представления информации на выходе у меня нет, мы можем это обсудить.

Answer 3

[Сергей Некрасов]

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

Answer 4

[Анатолий Родин]

Вы не знаете JS. Я сам начинал с верстака, затем стал фронтендером. Работаю уже 2 года с JS и не знаю его)) Но я не об этом.
Верстайте сайты дальше, но теперь упор на всякие слайдеры, библиотеки анимации, галереи и модалки, фильтры и прочем, как ранее описал Сергей Некрасов . Читайте об оптимизации JS на клиенте, изучите как работает Jquery и прочие библиотеки.
А вообще, постарайтесь найти работу за "копейки", как я в свое время начинал. За год из верстака, который толком не умел делать даже адаптив, я стал полноценным джуном фронтендера.

Answer 5

[Владимир Дементьев]

Я начал изучение JS практически одновременно с серией уроков: https://www.youtube.com/watch?v=CyWJZnNpezU&list=P...

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

Answer 6

[Анатолий]

React, Angular, VueJs

Answer 7

[CClarke]

недавно наткнулся на codeDojo Создание приложения на JavaScript, думаю будет не лишним

Answer 8

[Иван Конкин]

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

Answer 9

[noys]

задаваясь вопросами и ища на них ответы