Frontendmasters

Видеокурсы от Frontendmasters

HTML5 Media: Audio, Video & WebRTC
HTML5 Media: Audio, Video & WebRTC
HTML5 дает нам богатый медиа ресурс и эффекты. В этом курсе вы получите практические примеры создания собственных медиа-плееров на HTML5 API. Вы будете погружаться в поддержку камеры с GetUserMedia, WebRTC для общения в реальном времени, видеоэффектов с canvas, и познакомитесь с Web Audio API, для поддержки аудио.
Принуждение в JavaScript
Принуждение в JavaScript
Большинство людей будут ссылаться на принуждение и оператор ==, как черная магия, которая никогда не должна отображаться в ваших программах. Мало того, что принуждение гораздо проще в освоении чем вы думали, избегая его вы упустите важные уточнения в стиле и читаемость кода.
Удобный веб-сайт
Удобный веб-сайт
Узнайте как сделать ваш веб-сайт доступным для более широкой аудитории. Используй разные методы навигации и кнопки, чтобы позволить любому пользователю с легкостью проводить время на сайте. Убедитесь что ваш сайт хорошо работает для чтения с экрана и используйте ARIA, чтобы сделать даже самый сложный UI - простым для конечного пользователя.
Основы jQuery и чистый DOM Scripting
Основы jQuery и чистый DOM Scripting
Получить углубленное понимание сложных концепций JavaScript, новой ключевой команды "this", наследования, типы компараторов и другие. Узнайте, что происходит в памяти при испрользовании различных указателей. Потом вы узнаете, что находится под капотом популярной библиотеки Jquery, создавая свою собственную версию библиотеки на ванильном JavaScript и DOM API.
CSS методология - SMACSS
CSS методология - SMACSS
CSS эксперт, Джонатан Снук, делится своим опытом создания крупных сайтов, чтобы сделать ваш CSS более гибким, используя масштабируюмую и модульную архитектуру для CSS - SMACSS. Узнайте о категоризации и соглашение об именах, что может показаться простым на первый взгляд, но на самом деле это действительно важно и не совсем легко.
Прототипирование с Framer.js
Прототипирование с Framer.js
Framer является инструментом прототипирования, который позволяет превратить статические мокапы в интерактивные прототипы и быстро экспериментировать с динамическими данными. Он легко интегрируется с инструментами проектирования, гладко экспортируется на мобильные устройства, и разработан на языке современного Интернета - Javascript. Используйте Framer студию для разработки и создания адаптивных взаимодействий, изучите передовые технологии анимации и создания прототипов пользовательского интерфейса.
Introduction to JavaScript Programming
Introduction to JavaScript Programming
Хотите научиться программировать и использовать JavaScript в качестве основного языка? Я думаю это отличная идея! JavaScript однозначно один из самых простых языков, с которого можно начать, а также, один из самых мощных.
Responsive HTML Email Design
Responsive HTML Email Design
Email является одним из наиболее важных инструментов для связи с людьми в Интернете. Большинство веб-дизайнеров высмеивают HTML Email's как устаревшие, трудные в разработке, и поэтому не стоят свеч. Изучи важность HTML Email, чтобы доказать что создание красивых, адаптивных электронных писем не так страшно, как все думают.
Организация функциональности JavaScript
Организация функциональности JavaScript
Никакое количество обучения теории JavaScript не заменит практики. Практика даст огромное положительное влияние на качество вашего кода. В этом курсе мы обращаем ваше внимание на "строительный код", которым вы можете поделиться между клиентом (браузером) и сервером (Node). Вот где самые захватывающие упражнения для вашего JavaScript мастерства.
Асинхронное программирование в JavaScript
Асинхронное программирование в JavaScript
Изучение того, как строить и управлять асинхронными програмами является, пожалуй, наиболее важной частью, для того чтобы стать эффективным программистом JavaScript. В отличие от большинства языков программирования, JavaScript является однопоточным. В результате программы на JavaScript должны использовать асинхронное API. Можно построить большинство асинхронных программ, используя несколько простых функций. Мы узнаем, почему большинство разработчиков JavaScript выбирают неправильный путь, и как избежать эти распространенные ошибки. К концу этих уроков вы будете знать инструменты, концепции и библиотеки, необходимые для того, чтобы писать асинхронно как ниндзя.
React.js ( Flux Architecture )
React.js ( Flux Architecture )
React это библиотека JavaScript для создания пользовательских интерфейсов, созданная Facebook и Instagram. React.js создает свой собственный виртуальный DOM, где ваши компоненты на самом деле живут. Этот виртуальный подход к DOM дает огромную гибкость и удивительные достижения в производительности, так как React.js вычисляет, какие изменения должны быть сделаны в DOM заранее и обновляет дерево DOM. Откройте для себя JSX (и особенности ES6, которые приходят вместе с ним), создавая React пользовательские компоненты, интегрируйте Реакт с компонентами JQuery UI / Bootstrap.
AngularJS 1.x Application Development
AngularJS 1.x Application Development
Angular невероятно мощный и иногда может быть даже слишком, но Lukas реализовал несколько общих тем, с которыми поделится с Вами в этом видеокурсе. Узнайте все от самого начала, до превращения вашего приложения в сервис: директивы и маршрутизация, с примерами для закрепления материала. К концу курса, вы сможете увидеть, как эти модели могут быть применены, чтобы приблизить некоторые из них до наиболее популярных веб-приложений которые мы используем сегодня.
Meteor (Ангельський)
Meteor (Ангельський)
Построенный группой инженеров MIT, Meteor является библиоекой с открытым исходным кодом, для создания веб и мобильных приложений на чистом JavaScript. Узнайте, как вы можете использовать всего один фрєймворк, для создания реактивных веб-приложений.
Unit Testing JavaScript (with CoffeeScript)
Unit Testing JavaScript (with CoffeeScript)
Мы пишем все более и более сложные приложения в JavaScript и в браузере и на стороне сервера с использованием Node.js. С этим увеличением сложности приходит необходимость понимания нюансов тестирования. Этот курс охватывает как писать тестируемый код, типы тестов, стратегии тестирования, тактики и советы, которые увеличат вашу способность протестировать JavaScript на клиенте и на сервере (Node.js). Модульные тесты написаны в CoffeeScript, но стратегии тестирования, которые мы выучим, будут полезны и в чистом JavaScript.
Component-Based Architecture in Angular 1.x (ES6)
Component-Based Architecture in Angular 1.x (ES6)
Мастер класс создания веб-приложений с помощью Angular 1.x и ES6. С Angular2 на горизонте, это лучший способ построить приложения на Ангуляре 1.x сейчас, чтобы убедиться, что они готовы к переходу на 2.0 (если это необходимо). Этот курс даст вам возможность создавать Ангуляр приложения с современным подходом.
Ember 2.x (Ангельский)
Ember 2.x (Ангельский)
Ember.js хорошо подходит для сложных и интерактивных приложений. Его конфигурация экономит разработчикам время и энергию. С выпуском Ember v2 его структура стала более производительней и полной, чем когда-либо. В этом курсе мы узнаем о Еmber экосистеме, и построем богатое приложение шаг за шагом с нуля.
Rethinking Asynchronous JavaScript
Rethinking Asynchronous JavaScript
В этом курсе мы начнем с переосмысления, почему мы используем асинхронность, и каким образом мы это делаем. Мы будем решать ту же проблему снова и снова, каждый раз с другим асинхронным паттерном. В конце концов мы используем основные асинхронное модели, и будем видеть все очевидные плюсы и минусы.
Functional-Lite JavaScript (Ангельский)
Functional-Lite JavaScript (Ангельский)
Кайл Симпсон, автор серии книг "Вы не знаете JavaScript", охватывает 80 процентов функционального программирования. Кайл показывает практический взгляд на функциональное программировании, так что вы можете использовать такие методы, чтобы улучшить свой код уже сегодня.
Продвинутая SVG Анимация (Ангельский)
Продвинутая SVG Анимация (Ангельский)
Узнайте, как использовать этот мощный графический формат, а также как сделать сложные анимации c помощью SVG для множества случаев на своих веб-страницах.
API Design in Node.js (Ангельский)
API Design in Node.js (Ангельский)
Узнай, как Скотт строит API-интерфейсы в Node.js с использованием инфраструктуры Express.js и почему он юзает именно express. По окончании курса, вы создадите полнофункциональный API с Node.js и будете иметь навыки, которые позволят вам построить свой собственный API.
React, Ampersand, ES6 и webpack
React, Ampersand, ES6 и webpack
Все, что нужно для создания и развертывания одностраничного приложения. Этот курс охватывает широкий круг тем, используя React, Ampersand, ES6 (ES2015) и Webpack.
Хорошие Части JavaScript и Web
Хорошие Части JavaScript и Web
В этом курсе вы узнаете историю JavaScript, при этом особое внимание будет акцентироватся на функциях - это то, где скрывается сила языка JavaScript. Также вы рассмотрите как работают браузеры, серверы и их безопасность.
Reactive Angular 2 with ngrx (Ангельский)
Reactive Angular 2 with ngrx (Ангельский)
Реактивное программирование затронуло все основные современные разработки веб-приложений и коренным образом изменило то, как мы подходим к веб-приложениям. Angular 2 охватил этот дивный новый мир, и при этом, дал нам большую платформу для построения из функциональных, реактивных веб-приложений, прямо из коробки. Добавляем библиотеку Redux, @ ngrx/магазин, и у нас есть серьезный программный арсенал.
Creating an Open Source JavaScript Library
Creating an Open Source JavaScript Library
"Участие в open source было одним из самых полезных событий в моей карьере." ~ Кент С. Доддс.
Complete Introduction to React (Ангельский)
Complete Introduction to React (Ангельский)
В этом курсе, Брайан Холт (Netflix) знакомит вас с React.js, одной из ведущих библиотек JavaScript для создания пользовательских интерфейсов. Вы также будете исследовать React экосистему - вы узнаете как использовать Redux для управления, React router для навигации и многое другое. Этот курс предназначен для среднего уровня и продвинутых программистов JavaScript.
Webpack Deep Dive (Ангельский)
Webpack Deep Dive (Ангельский)
Создание и развертывание приложений как правило может усложниться очень быстро. Webpack упрощает это огромным списком функций, которые обслуживают все виды приложений JavaScript. В этом курсе мы рассмотрим эти функции, чтобы оптимизировать приложения для простоты и производительности.
Mastering Chrome Developer Tools (Ангельский)
Mastering Chrome Developer Tools (Ангельский)
Большинство людей даже не знают что существует такой инструмент как Dev Tools. Мы, разработчики, конечно же работаем в нем почти каждый день для тонкой настройки CSS или проверки своего js кода в консоли. Но знали ли вы, что это лишь верхушка айсберга того, что на самом деле может Chrome Developer Tools ? Давайте посмотрим на все инструменты которые могут сделать вашу работу намного проще.
Motion Design with CSS (Ангельский)
Motion Design with CSS (Ангельский)
Веб-браузеры имеют возможность отображать потрясающие CSS анимации. Узнайте, как вы можете использовать CSS анимации и transitions для улучшения ваших веб-приложений с помощью мощной, насыщенной информацией движения и цвета. CSS является одним из наиболее производительным способов оживить свои веб-страницы и этот курс дает разработчикам набор инструментов, с помощью которых можно все это сделать. Богатый видеокурс с забавными примерами кода, демонстраций, а также лекций, иммет смысл посмотреть разработчикам любого уровня.
Four Semesters of Computer Science in 5 hours
Four Semesters of Computer Science in 5 hours
Мы будем рассматривать большие темы информатики всего за пять часов: Алгоритмы и Big O Analysis, рекурсии, сортировки, структуры данных и функциональное программирование. Это вообще возможно? Мы не уверены, но собираемся это проверить! Так как многие из нас самоучки (включая меня), у нас хватает преимуществ, а теория поможет нам их закрепить.
React Native (feat. Redux) (Ангельский)
React Native (feat. Redux) (Ангельский)
Делая код вместе со Скоттом в этом курсе, вы будете иметь возможность принять те же навыки, которые вы используете в веб-разработке и использовать их для создания кросс-платформенных, нативных приложений в JavaScript. Вы узнаете как Android и ОС IOS эмуляторы используют компоненты React для создания макетов, dev tools для отладки приложения, React Native менеджер пакетов - создавая собственные градиенты, кнопки, вкладки и иконки... плюс вы научитесь строить многоразовые компоненты для обмена в пределах вашего приложения и повторного использования в других приложениях и научитесь использовать Redux для управления состоянием.
Complete Intro to React v2 (Ангельский)
Complete Intro to React v2 (Ангельский)
Этот видеокурс гораздо больше чем интро. Брайан проведет вас через реальный мир веб-приложений, что даст вам полную, боевую картинку окружения React. Брайан работал на таких проектах как Netflix и Reddit, так что в его компетентности можете не сомневатся. Используйте JSX, стройте компоненты React, а также в этом курсе: Babel, ESLint, Yarn, Jest и Webpack 2. Ну и на последок познакомитесь с последним React router v4 плюс Redux.
Node.js on Amazon Web Services (Ангельский)
Node.js on Amazon Web Services (Ангельский)
Посмотри этот видеокурс, который научит тебя создания, тестирования, развертывания и масштабирования веб-приложений Node.js на Amazon Web Services.
ES6: The Right Parts (Ангельский)
ES6: The Right Parts (Ангельский)
Чувствуйте себя комфортно с последней эволюций великого языка JavaScript. При кодировании вместе с Кайлом в этом курсе вы научитесь: использовать 'Let' и 'Const', литералы, итераторы и генераторы. Плюс научитесь писать стрелочные функции, дефолтные параметры, и другие свойста и методы. Учитесь использовать эти новые возможности ES6, чтобы писать чище и более продуктивнее.
The Psychology of Code Testability (Ангельский)
The Psychology of Code Testability (Ангельский)
Misko Hevery - создатель AngularJS (от Google) дает нам представление о том, как писать тестируемый код и что делать если код трудно проверить.
jQuery Plugins and jQuery UI (Ангельский)
jQuery Plugins and jQuery UI (Ангельский)
Скотт Гонсалес, ведущий разработчик JQuery UI, ныряет в шаблоны и практики написания JQuery плагинов. Скотт охватывает многие из плагинов JQuery UI, указывая на сильные и слабые стороны какие он видит в различных плагинах. Этот курс не самый свежий, он 2012 года, но учитывая то, что еще много разработчиков используют jquery, он все еще остается актуальным даже сегодня.
Build Web Apps with Angular 2 (Ангельский)
Build Web Apps with Angular 2 (Ангельский)
Angular 2 является невероятно мощной эволюцией AngularJS, но к нему еще возникает много вопросов. Почему было решено сделать радикальный отход от предыдущей версии? Почему другой синтаксис? Мы собираемся выяснить, почему Angular 2 в два раза лучше своей первой версии.