⚙️ Решение задач на JavaScript — [27:26]
Задачки помогают вам больше узнать про язык и, самое главное, научиться применять определённые алгоритмы. Найти такое можно на CodeWars.
Собственно, туда автор и зашёл, чтобы проверить свои навыки, обучить вас парочке алгоритмов и рассказать получше про особенности языка.
Перейти к просмотру
#видео #javascript
Задачки помогают вам больше узнать про язык и, самое главное, научиться применять определённые алгоритмы. Найти такое можно на CodeWars.
Собственно, туда автор и зашёл, чтобы проверить свои навыки, обучить вас парочке алгоритмов и рассказать получше про особенности языка.
Перейти к просмотру
#видео #javascript
🕹 Создаем ИИ в игре на JavaScript
Screeps — игра-песочница, в которой нужно создавать искусственный интеллект для ваших персонажей на JS.
Тем самым вы можете управлять вашими войсками, чтобы проходить эту игру.
Перейти к изучению
#javascript
Screeps — игра-песочница, в которой нужно создавать искусственный интеллект для ваших персонажей на JS.
Тем самым вы можете управлять вашими войсками, чтобы проходить эту игру.
Перейти к изучению
#javascript
👨💻 Уроки по React для начинающих
React — лидирующий по популярности фреймворк для написания фронтенда. Его цель — предоставить высокую скорость, простоту и масштабируемость.
1. Основы для начинающих. Зачем нужен React. Установка
[11:25]
2. Компоненты и свойства Props
[10:29]
3. State, состояние компонента и примеры
[11:55]
4. Работа с формами. Первое To Do приложение
[9:33]
5. CSS стилизация. Как подключить библиотеку Material Ui, Bootstrap
[9:31]
6. Жизненный цикл компонента. Что спросят на собеседовании
[4:45]
7. Передача данных между компонентами
[8:24]
8. Работа с API на примере. Fetch запрос Api
[7:39]
9. Роутинг. Маршрутизация и создание страниц сайта
[7:23]
#javascript
React — лидирующий по популярности фреймворк для написания фронтенда. Его цель — предоставить высокую скорость, простоту и масштабируемость.
1. Основы для начинающих. Зачем нужен React. Установка
[11:25]
2. Компоненты и свойства Props
[10:29]
3. State, состояние компонента и примеры
[11:55]
4. Работа с формами. Первое To Do приложение
[9:33]
5. CSS стилизация. Как подключить библиотеку Material Ui, Bootstrap
[9:31]
6. Жизненный цикл компонента. Что спросят на собеседовании
[4:45]
7. Передача данных между компонентами
[8:24]
8. Работа с API на примере. Fetch запрос Api
[7:39]
9. Роутинг. Маршрутизация и создание страниц сайта
[7:23]
#javascript
🎬 Пишем киносайт на JavaScript — [1:12:34]
Практический урок, посмотрев который вы сможете создать небольшой учебный проект, в том числе, возможно, даже для своего резюме.
В нём за один с лишним час вы примените на практике уже имеющиеся у вас знания о HTML, CSS, Javascript и Document Object Model (DOM).
Перейти к просмотру
#видео #javascript
Практический урок, посмотрев который вы сможете создать небольшой учебный проект, в том числе, возможно, даже для своего резюме.
В нём за один с лишним час вы примените на практике уже имеющиеся у вас знания о HTML, CSS, Javascript и Document Object Model (DOM).
Перейти к просмотру
#видео #javascript
📲 Каким должно быть поле для ввода телефона — [1:00:34]
Даже на крупных сайтах ввод телефона реализован крайне неудобно. Примечательно, что не существует нормальных библиотек, которые помогли бы упростить создание такой базовой вещи.
Именно поэтому в ролике автор показывает, как в JavaScript написать правильную маску для ввода телефона, чтобы пользователю не хотелось закрывать сайт при одном её виде.
Перейти к просмотру
#видео #javascript
Даже на крупных сайтах ввод телефона реализован крайне неудобно. Примечательно, что не существует нормальных библиотек, которые помогли бы упростить создание такой базовой вещи.
Именно поэтому в ролике автор показывает, как в JavaScript написать правильную маску для ввода телефона, чтобы пользователю не хотелось закрывать сайт при одном её виде.
Перейти к просмотру
#видео #javascript
⌨️ Создаем свой язык программирования на TypeScript — [45:37]
Хороший видеоролик, в котором вы создадите собственный язык программирования, основанный на той контекстно свободной грамматике, которую вы сами придумаете.
Также вы разработаете лексический анализатор (лексер) и синтаксический анализатор (парсер), который по итогу будет строить абстрактное синтаксическое дерево (AST) и выполнять код.
#javascript
Хороший видеоролик, в котором вы создадите собственный язык программирования, основанный на той контекстно свободной грамматике, которую вы сами придумаете.
Также вы разработаете лексический анализатор (лексер) и синтаксический анализатор (парсер), который по итогу будет строить абстрактное синтаксическое дерево (AST) и выполнять код.
#javascript
🐌 Как ускорить разработку на JavaScript — [22:41]
Quokka — невероятно полезный инструмент для ускорения разработки на JavaScript и TypeScript, и в этом видео автор покажет, как им пользоваться.
Вы узнаете, как установить этот плагин в свой редактор кода (он работает в VS Code, Sublime Text, Atom и WebStorm), а также в общих чертах ознакомитесь с его возможностями.
Перейти к просмотру
#видео #javascript
Quokka — невероятно полезный инструмент для ускорения разработки на JavaScript и TypeScript, и в этом видео автор покажет, как им пользоваться.
Вы узнаете, как установить этот плагин в свой редактор кода (он работает в VS Code, Sublime Text, Atom и WebStorm), а также в общих чертах ознакомитесь с его возможностями.
Перейти к просмотру
#видео #javascript
🐌 Как ускорить разработку на JavaScript — [22:41]
Quokka — невероятно полезный инструмент для ускорения разработки на JavaScript и TypeScript, и в этом видео автор покажет, как им пользоваться.
Вы узнаете, как установить этот плагин в свой редактор кода (он работает в VS Code, Sublime Text, Atom и WebStorm), а также в общих чертах ознакомитесь с его возможностями.
Перейти к просмотру
#видео #javascript
Quokka — невероятно полезный инструмент для ускорения разработки на JavaScript и TypeScript, и в этом видео автор покажет, как им пользоваться.
Вы узнаете, как установить этот плагин в свой редактор кода (он работает в VS Code, Sublime Text, Atom и WebStorm), а также в общих чертах ознакомитесь с его возможностями.
Перейти к просмотру
#видео #javascript
💩 Как не облажаться при собеседовании на JavaScript — [22:23]
Как говорится, существует две версии JavaScript: одна для работы, вторая — для собеседований. Стоит ли говорить, что если вы хотите получить работу, вы должны знать оба варианта?
В этом видео автор объясняет, какие вопросы обычно задают при собеседовании на JavaScript-разработчика (спойлер: спросить могут практически всё, что угодно), а также разбирает хорошие и плохие кейсы потенциальных сотрудников.
Перейти к просмотру
#видео #javascript
Как говорится, существует две версии JavaScript: одна для работы, вторая — для собеседований. Стоит ли говорить, что если вы хотите получить работу, вы должны знать оба варианта?
В этом видео автор объясняет, какие вопросы обычно задают при собеседовании на JavaScript-разработчика (спойлер: спросить могут практически всё, что угодно), а также разбирает хорошие и плохие кейсы потенциальных сотрудников.
Перейти к просмотру
#видео #javascript
⌨️ Фреймворк SvelteJS: главный конкурент ReactJS и VueJS
За последние годы SvelteJS приобретает все большую популярность среди фронтенд-разработчиков. И зачастую его даже выбирают вместо устоявшихся и проверенных фреймворков. В этом плейлисте автор расскажет про SvelteJS и пройдется по всем его основным фичам.
1. Что такое SvelteJS (отличие от React, Angular, Vue)
[6:04]
2. Как работает SvelteJS
[12:37]
3. Переменные и стили в SvelteJS
[12:48]
4. Как добавлять события в SvelteJS
[10:56]
5. Реактивность в SvelteJS
[10:59]
6. Как SvelteJS работает с формами (bind)
[7:44]
7. Как работают условные операторы в SvelteJS
[8:22]
8. Как создавать компоненты в SvelteJS
[10:29]
9. Как работают циклы в SvelteJS. Зачем нужен key
[14:24]
#javascript
За последние годы SvelteJS приобретает все большую популярность среди фронтенд-разработчиков. И зачастую его даже выбирают вместо устоявшихся и проверенных фреймворков. В этом плейлисте автор расскажет про SvelteJS и пройдется по всем его основным фичам.
1. Что такое SvelteJS (отличие от React, Angular, Vue)
[6:04]
2. Как работает SvelteJS
[12:37]
3. Переменные и стили в SvelteJS
[12:48]
4. Как добавлять события в SvelteJS
[10:56]
5. Реактивность в SvelteJS
[10:59]
6. Как SvelteJS работает с формами (bind)
[7:44]
7. Как работают условные операторы в SvelteJS
[8:22]
8. Как создавать компоненты в SvelteJS
[10:29]
9. Как работают циклы в SvelteJS. Зачем нужен key
[14:24]
#javascript
💻 Практические туториалы по JavaScript, React и Vue
На сервисе Scotch ведущие разработчики публикуют туторилы по программированию веб-приложений.
Кстати, сервис недавно начал сотрудничать с DigitalOcean, то есть там гарантированно высокое качество.
Перейти к изучению
#javascript
На сервисе Scotch ведущие разработчики публикуют туторилы по программированию веб-приложений.
Кстати, сервис недавно начал сотрудничать с DigitalOcean, то есть там гарантированно высокое качество.
Перейти к изучению
#javascript
👨💻 Пишем фриланс-биржу на Django
Вместе с автором курса вы за 12 уроков сможете создать собственную фриланс-биржу, которую будет не стыдно показать даже на собеседовании.
При разработке автор использует Django, Vue.js и даже TypeScript, подробно описывая все свои действия на протяжение каждого урока.
1. Настройка окружения — [11:30]
2. Проектирование БД — [17:16]
3. Перевод данных в JSON — [22:46]
4. APIView, generics, гибкий filter — [21:49]
5. Регистрация и авторизация — [14:30]
Перейти к плейлисту
#видео #django #javascript
Вместе с автором курса вы за 12 уроков сможете создать собственную фриланс-биржу, которую будет не стыдно показать даже на собеседовании.
При разработке автор использует Django, Vue.js и даже TypeScript, подробно описывая все свои действия на протяжение каждого урока.
1. Настройка окружения — [11:30]
2. Проектирование БД — [17:16]
3. Перевод данных в JSON — [22:46]
4. APIView, generics, гибкий filter — [21:49]
5. Регистрация и авторизация — [14:30]
Перейти к плейлисту
#видео #django #javascript
🦾 Полный курс по WebStorm — [57:35]
WebStorm — это программа для разработки на JavaScript. Она хорошо понимает структуру проектов и поможет написать код с помощью автодополнения строк и безопасного рефакторинга.
Из этого видео вы узнаете, как с помощью WebStorm ускорить написания кода, автоматизировать и упростить процесс разработки на JavaScript.
Перейти к просмотру
#javascript #видео
WebStorm — это программа для разработки на JavaScript. Она хорошо понимает структуру проектов и поможет написать код с помощью автодополнения строк и безопасного рефакторинга.
Из этого видео вы узнаете, как с помощью WebStorm ускорить написания кода, автоматизировать и упростить процесс разработки на JavaScript.
Перейти к просмотру
#javascript #видео
💬 Подготовка к JavaScript собеседованию — [1:41:31]
О том, как проводить собеседования на технические специальности, уже давно ведётся множество споров. Не все компании используют одинаковые методы проверки кандидатов, но чаще всего вам предлагают решить задачу с помощью кода либо на подходящей платформе, либо на ужасной белой доске.
В этом видео мы изучим основные проблемы, с которыми сталкиваются новички на собеседовании по JavaScript.
#javascript
О том, как проводить собеседования на технические специальности, уже давно ведётся множество споров. Не все компании используют одинаковые методы проверки кандидатов, но чаще всего вам предлагают решить задачу с помощью кода либо на подходящей платформе, либо на ужасной белой доске.
В этом видео мы изучим основные проблемы, с которыми сталкиваются новички на собеседовании по JavaScript.
#javascript
⌨️ Делаем мобильные приложения на JavaScript: уроки React Native с нуля
JS сейчас так популярен из-за того, что на нем пишут все подряд, даже приложения для iOS и Android. Этот плейлист познакомит вас с React Native, на котором можно разрабатывать приложения сразу под обе платформы.
1. Разработка мобильного приложения на JavaScript
[9:02]
2. Создание проекта. Запуск на Андроид и iOS
[19:05]
3. Основные компоненты (View, Text, Button, Alert, Image)
[28:21]
4. Написание стилей для приложения
[25:59]
5. Создание списка дел (Todo List)
[35:54]
6. Новостное приложение. Старт разработки
[19:15]
7. Навигация внутри проекта
[21:31]
#javascript
JS сейчас так популярен из-за того, что на нем пишут все подряд, даже приложения для iOS и Android. Этот плейлист познакомит вас с React Native, на котором можно разрабатывать приложения сразу под обе платформы.
1. Разработка мобильного приложения на JavaScript
[9:02]
2. Создание проекта. Запуск на Андроид и iOS
[19:05]
3. Основные компоненты (View, Text, Button, Alert, Image)
[28:21]
4. Написание стилей для приложения
[25:59]
5. Создание списка дел (Todo List)
[35:54]
6. Новостное приложение. Старт разработки
[19:15]
7. Навигация внутри проекта
[21:31]
#javascript
⚙️ Как работать с DOM в JavaScript? — [29:28]
В этом видео вы научитесь выполнять аж 26 задач элементами DOM (объектная модель документа) и разберёте ключевые методы работы с ним. Вот как минимум несколько из таких задач:
1. Создание и удаление элементов на странице
2. Динамическое создание HTML-разметки
3. Добавление классов к элементам
4. Использование обработчиков событий на созданных элементах
Перейти к просмотру
#javascript
В этом видео вы научитесь выполнять аж 26 задач элементами DOM (объектная модель документа) и разберёте ключевые методы работы с ним. Вот как минимум несколько из таких задач:
1. Создание и удаление элементов на странице
2. Динамическое создание HTML-разметки
3. Добавление классов к элементам
4. Использование обработчиков событий на созданных элементах
Перейти к просмотру
#javascript
⌨️ Пишем API на JavaScript + NodeJS
NodeJS — выбор большинства стартапов при разработке серверной части приложений, так как код пишется быстро, а производительность большая. А эти туториалы хорошо вам помогут в изучении этой мощной технологии.
1. Устанавливаем node правильно
[8:14]
2. Установка Express. Добавляем базовый роутинг
[11.13]
3. Реализуем добавление и обновление данных
[10:13]
4. Подключение базы данных к express
[10:43]
5. Реализуем добавление и обновление исполнителей в базе данных
[9:38]
6. Модели и контроллеры в node
[13:22]
Перейти к плейлисту
#javascript #node
NodeJS — выбор большинства стартапов при разработке серверной части приложений, так как код пишется быстро, а производительность большая. А эти туториалы хорошо вам помогут в изучении этой мощной технологии.
1. Устанавливаем node правильно
[8:14]
2. Установка Express. Добавляем базовый роутинг
[11.13]
3. Реализуем добавление и обновление данных
[10:13]
4. Подключение базы данных к express
[10:43]
5. Реализуем добавление и обновление исполнителей в базе данных
[9:38]
6. Модели и контроллеры в node
[13:22]
Перейти к плейлисту
#javascript #node
🎬 Пишем киносайт на JavaScript — [1:12:34]
Практический урок, посмотрев который вы сможете создать небольшой учебный проект, в том числе, возможно, даже для своего резюме.
В нём за один с лишним час вы примените на практике уже имеющиеся у вас знания о HTML, CSS, Javascript и Document Object Model (DOM).
Перейти к просмотру
#видео #javascript
Практический урок, посмотрев который вы сможете создать небольшой учебный проект, в том числе, возможно, даже для своего резюме.
В нём за один с лишним час вы примените на практике уже имеющиеся у вас знания о HTML, CSS, Javascript и Document Object Model (DOM).
Перейти к просмотру
#видео #javascript
👨💻 Простая анимация в JavaScript — [6:49]
Из видео вы узнаете, как создать примитивную анимацию перемещения объекта на JavaScript.
Урок отлично подойдёт, чтобы понять, что вообще представляет из себя этот язык и как он применяется на практике.
Перейти к просмотру
#видео #javascript
Из видео вы узнаете, как создать примитивную анимацию перемещения объекта на JavaScript.
Урок отлично подойдёт, чтобы понять, что вообще представляет из себя этот язык и как он применяется на практике.
Перейти к просмотру
#видео #javascript
⚛️ Курс по асинхронному JavaScript — [5:51:20]
Асинхронное программирование — это когда вы во время простоя приложения (ждёте ответа от сервера, например) выполняете что-то другое, полезное.
Таким образом, приложение работает в разы быстрее. А изучить Ajax, Promise (основа асинхронного программирования) можно в этом видео всего лишь за 5 часов.
Перейти к просмотру
#видео #javascript
Асинхронное программирование — это когда вы во время простоя приложения (ждёте ответа от сервера, например) выполняете что-то другое, полезное.
Таким образом, приложение работает в разы быстрее. А изучить Ajax, Promise (основа асинхронного программирования) можно в этом видео всего лишь за 5 часов.
Перейти к просмотру
#видео #javascript
