Frontend.school() | изучаем HTML, CSS, JavaScript вместе!
1.04K subscribers
488 photos
61 videos
1 file
169 links
Крутым фронтендером не рождаются - им становятся на канале @frontend_school!

Наш чат @frontend_school_chat

Наша флудилка @frontend_school_flud

Сотрудничество @jellyjail
Download Telegram
@frontend_school #видео #git

Git. Быстрый старт. Урок 1 + Урок 2

Новая рубрика для тех, кому надоело решать задачи и кто устал читать статьи. По ссылкам ниже вы можете посмотреть первые два видеоурока по работе с системой контроля версий Git. Это обязательный пункт для любого разработчика. Приятного просмотра!
@frontend_school #видео #git

Git. Быстрый старт. Урок 3 + Урок 4 + Урок 5

Продолжение вчерашней публикации видеокурса по системе контроля версий Git.
@frontend_school #видео #git

Git. Быстрый старт. Урок 6 + Урок 7 + Урок 8

Продолжаем нашу серию публикаций, посвящённых видеурокам по Git
@frontend_school #видео #git

Git. Быстрый старт. Урок 9 + Урок 10 + Урок 11

Заключительная часть уроков по Git. Надеюсь они помогли вам и теперь вы умеете пользоваться контролем версий 😊
@frontend_school #видео

Асинхронность в Javascript больше не страшна. Как перестать отлаживать асинхронные вызовы и начать жить (Андрей Саломатин)

Классические триллеры вроде «Callback Hell» и «Pyramid of Doom» потеряли свою актуальность настолько, что даже Java-программисты перестали пугать ими невинных джуниоров. Всё благодаря паттернам и библиотекам. Streams, Promises, Async-Await и другие изменили наш код. Теперь он прекрасен. Пока ещё вымысел? Поговорим о том, как сделать эту картину реальностью. Об основных практиках асинхронного программирования. Принципах их работы, отличиях и сценариях использования.
@frontend_school #видео

Как сделать слайдер на JS?

В этом видео ты узнаешь как можно написать слайдер (карусель, слайдшоу - это всё об одном...). Основной акцент делается именно на логике работы. Не сложная вёрстка на HTML и CSS, логика одна, но в качестве примера написана на jQuery и затем на JavaScript.
@frontend_school #навигация

Навигация на канале

Для более удобного взаимодействия с каналом мы сделали инструкцию по взаимодействию с рубриками и направлениями канала:

#интересное - интересные проекты и заметки.

#статья - полезные статьи.

#викторина - ежедневные викторины.

#викторина_недели - еженедельные викторины с несколькими вопросами на время.

#задача - задачи на различные темы и по разным технологиям.

#ответ_на_задачу - способ решения ранее заданной задачи.

#туториал - туториалы и пошаговые инструкции применения различных технологий.

#видео - видео с лекциями и уроками.

#юмор - смешные картинки и видео, связанные с веб-разработкой и программированием.

#полезное - полезные сервисы и статьи, которые помогут проще и быстрее освоить ту или иную технологию.

#HTML, #CSS, #JavaScript - дополнительные теги, уточняющие тематику публикации.

Также не забывайте про наш главный чат Frontend.school("Чат"), где можно пообщаться на тему фронтенд-разработки, а также задать свой вопрос и получить ответ.
@frontend_school #видео #CSS

Видеокурс по CSS Flexbox

Чтобы лучше понять материал, его нужно увидеть.
В этом видеокурсе вы сможете разобраться в том, как пользоваться Flexbox, чем он отличается от Grid многое другое.

Смотреть видео
@frontend_school #видео #JavaScript

Как ускорить JavaScript разработку с Quokka

Quokka — это расширение для редакторов кода и IDE, которое помогает работать с JS. Например, с помощью него можно сразу посмотреть каким будет результат выполнения части кода прямо в редакторе. Помимо этого у него достаточно много возможностей. Подробнее вам расскажут в видео.

Смотреть видео
Flappy Bird и Doodle Jump на JavaScript

Помните эти некогда популярные игры? Кто-то, возможно, в них играет до сих пор. В этом видео автор пошагово вам покажет, как реализовать такие игры на JavaScript.

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

Смотреть видео

@frontend_school #видео #JavaScript #en
Создаём скрипты для сайта интернет-магазина

В этом объёмном видео вы на практических примерах сможете прокачать свои навыки JS-разработки. Вы сможете поработать с DOM, настроить поиск, клики, а также ближе познакомитесь с функциями, переменными и массивами.

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

Смотреть видео

@frontend_school #видео #javascript
Интересные фишки TypeScript, которые вы вряд ли знаете

Многие из нас, изучив JS переходят на его более типизированного брата TS. Во-первых, с ним удобнее работать, во-вторых, на многих проектах будет использоваться именно он.

В этом ролике вы узнаете про некоторые интересные особенности TypeScript, которые можно и нужно применять на практике: Union типы, подсветку ошибок, тайпгуарды, утилитарные типы, generic компоненты, условные типы и кортежи, разница между enum и as const object.

@frontend_school #видео #typescript