Практика JavaScript

  • Codewars
  • LeetCode
  • freeCodeCamp
  • learn.javascript
JavaScript
console.log('Hello world')

Codewars

Сodewars — онлайн-тренажёр с задачами на различные темы. Здесь можно отрабатывать синтаксис языка, взяться за решение алгоритмических задач или что-то продвинутое по типу шаблонов проектирования.

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

LeetCode

Leetcode — это онлайн-платформа, на которой люди, особенно разработчики программного обеспечения, тренируют свои навыки кодирования в том числе и на JavaScript . На LeetCode можно изучить массу подходов и инструментов, которые окажутся полезными. На собеседованих часто встречаются задачки с данного ресурса.

freeCodeCamp

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

На freeCodeCamp есть шесть разделов:

  • Responsive Web Design. Это основы HTML и CSS.
  • JavaScript Algorithms and Data Structures. Здесь изучают основы JavaScript.
  • Frontend Libraries. Здесь есть Bootstrap, JQuery, React, Redux, Sass.
  • Data Visualizations. Библиотека D3.js, JSON API и AJAX.
  • APIs and Microservices. Это знакомство с Node.js, Express и MongoDB.
  • Information Security and QA. В программе продвинутый Node.js, Helmet.js, тестирование.

Плюсы обучения на freeCodeCamp

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

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

Помимо нативного JavaScript на freeCodeCamp можно изучать frontend. backend, HTML и CSS.

Минусы обучения на freeCodeCamp

Ресурс бесплатный, поэтому на нём нет поддержки преподавателей и менторов. Это частично компенсирует форум. На вопросы студентов отвечают пользователи со статусом модератора и простые студенты.

На freeCodeCamp даётся минимум теории. Изучать программирование только на этом сайте без работы с дополнительными источниками не получится.

learn.javascript

learn.javascript — cовременный учебник JavaScript , начиная с основ, включающий в себя много тонкостей и фишек JavaScript/DOM.

Здесь вы можете изучить JS, начиная с нуля и заканчивая продвинутыми концепциями вроде ООП.

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

Читайте также:

И помните: keep calm and write code 🙂


Опубликовано

в

,

от

HTML 5

Препроцессоры HTML

Препроцессоры HTML: Познакомьтесь с препроцессорами HTML, такими как Pug и Haml, которые упрощают процесс разработки и поддержки HTML-кода.

React

WebSockets в React

Узнайте, как использовать WebSockets в React-приложениях для обмена данными в режиме реального времени с сервером.

СSS 3

Как создать анимированные переходы CSS

Изучите возможности CSS для создания плавных и красивых анимированных переходов между состояниями элементов.

HTML 5

Геолокация в HTML

Геолокация в HTML: Получение информации о местоположении пользователя. Как получить координаты и отобразить карту.

HTML 5

Валидация HTML

Валидация HTML: Изучите процесс валидации, как проверить свои веб-страницы на соответствие стандартам и ошибки разметки.

React

React GraphQL

Узнайте, как использовать GraphQL в React-приложениях для более эффективного запроса и мутации данных с сервера.

HTML 5

Видео в HTML

Видео в HTML: встраиваем видео на веб-страницы с помощью тега video. Изучите атрибуты для управления воспроизведением видео.

React

Жизненный цикл компонентов в React: Управление процессом создания и удаления

Узнайте о различных этапах жизненного цикла компонентов в React и управляйте процессом создания и удаления компонентов.