⚙️ Решение задач на 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
