@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

Большой видеоурок по Three.js

В этом видео вы научитесь пользоваться популярной js-библиотекой для создания сложных анимаций Three.js. Хоть видео и на английском, но вы без труда сможете посмотреть его используя автоматический перевод, например, в Яндекс Браузере:

https://youtu.be/UMqNHi1GDAE

@frontend_school #видео #javascript #threejs https://www.youtube.com/watch?v=UMqNHi1GDAE

Полный курс по React, Redux и TypeScript бесплатно

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

Здесь вы научитесь инициализировать Redux Store, создавать хуки и работать с TS:

https://youtu.be/ETWABFYv0GM

#видео #курс #react #redux #typescript

Учитесь фронтенду с нами — подпишитесь 💻

100 видеоуроков по фронтенду для новичков и не только

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

Если не хотите смотреть сейчас, то обязательно сохраняйте пост в закладки, чтобы посмотреть потом. Не пожалеете!

https://www.youtube.com/playlist?list=PLV9lBwGQ2FU1VOctyWifetyMMC-OTJ51e

#видео #курс

Учитесь фронтенду с нами — подпишитесь 💻

Учимся создавать анимацию жидкости с помощью JS и CSS

В этом видео вы за 8 минут научитесь делать клёвую анимацию, которая создаёт эффект стекающей жидкости. Причём движение элементов отличается в случае свободного падения и взаимодействия с другими объектами на странице.

Подробнее:
https://youtu.be/a5X512icOM8

#видео #css #javascript

Учитесь фронтенду с нами — подпишитесь 💻

Большой видеокурс по Vue 3 для начинающих

Это 7-часовое видео рассчитано на тех, кто не знаком с Vue и начинает учить его с нуля. Просмотрев его,вы вы узнаете, как работает Vue и научитесь:

— передавать данные между компонентами;
— делать запросы на бэк и обрабатывать JSON-данные;
— делать переход между страницами с помощью Vue Router;
— стилизировать приложение с помощью TailwindCSS;
— делать красивую и простую анимацию списков товаров, корзину и т.п.

Узнать подробности, изучить новые технологии и создать свой первый проект на Vue можно тут:

https://youtu.be/U_-Ht_v-oAs

#видео #vue

Учитесь фронтенду с нами — подпишитесь 💻

Никто не знает JavaScript — хакер со стажем поделился своим опытом

Это большое интервью Деми Мурыча, где он рассказывает очень интересные факты о JS, веб-разработке и показывает свои скилы. Не буду ходить вокруг да около, я посмотрел это видео полностью несмотря на продолжительность и рекомендую сделать это вам!

https://youtu.be/hHdNfPOQjrg

#видео #интервью

Учитесь фронтенду с нами — подпишитесь 💻

Асинхронность в JavaScript: Async/Await, Promises, Callbacks, Fetch API

Большой бесплатный курс по асинхрономму программированию на JavaScript. Вы изучите javascript promises, async / await и Fetch API. Также вы сможете сразу воспользоваться новыми знаниями для создания 3 проектов.

Смотрим курс тут:

https://youtu.be/OFpqvaJ3QYg

#en #javascript #видео #курс

Учитесь фронтенду с нами — подпишитесь 💻

Разбираемся в CORS за 6 минут

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

https://youtu.be/PNtFSVU-YTI

#видео #cors

Учитесь фронтенду с нами — подпишитесь 💻

Топ-7 фишек HTML/CSS верстки сайта, которые вы должны знать

Вёрстка сайта на самом деле не такая сложная, как кажется на первый взгляд. В этом видео вы увидите легкие способы сделать паралакс-эфеект на вашей странице, добавить анимации CSS и многое другое, что поможет вам в дальнейшем быстрее верстать и применять в своей работе.

https://youtu.be/wRZx6ylDfoI?si=r0dIignjsimlmiXu

#видео #html #css

Учитесь фронтенду с нами — подпишитесь 💻