Frontendmasters

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

Secure for Web Apps & APIs Using JWTs
Secure for Web Apps & APIs Using JWTs
Нетривиальным веб-приложениям требуется некоторая форма аутентификации пользователя. Когда дело доходит до реализации аутентификации в современных одностраничных приложениях, все может стать немного сложнее, и традиционные методы сессии и cookie-based авторизация, как правило, мешают. Спецификация JSON Web Token предлагает гораздо лучший способ обработки аутентификации в SPA и имеет множество преимуществ.
Building Awesome Web Apps with Angular 2
Building Awesome Web Apps with Angular 2
Получите общий обзор основных частей Angular 2 и узнайте как они сочетаются друг с другом, чтобы создать мощную инфраструктуру для постройки приложений. Изучите различия между Angular 1 и Angular 2. Используйте Angular CLI, чтобы развернуть все это супер быстро, и компонируйте большие приложения Angular 2 используя сервисы, роуты и сабкомпоненты.
CSS3 In-Depth
CSS3 In-Depth
Узнайте наскольоко глубока кроличья нора CSS3. Автор курса глубоко погружается в различные компоненты CSS3, в том числе: селекторы, спецификации, media queries, отладку, цвета, шрифты, тени, текстовые эффекты, границы, фоны, градиенты, преобразования, переходы, анимации ... и многое многое другое! Приятного просмотра.
Electron
Electron
Используйте Electron для создания кросс-платформенных приложений. Electron является основой для текстового редактора Atom Github, Visual Studio Code IDE, настольных приложений Slack и многих других.
Firebase + React
Firebase + React
Firebase - это платформа, которая позволяет развертывать сложные веб и мобильные приложения без необходимости создавать собственную сложную серверную инфраструктуру. Firebase предоставляет базу данных, которая отправляет обновления клиентскому приложению в режиме реального времени, кэширует запросы когда нет соединения, предлагает разрешение конфликтов и позволяет вам определять пользовательские правила доступа. Кроме того, Firebase предлагает простую аутентификацию, хостинг, хранение и сообщение. На этом семинаре мы рассмотрим, как интегрировать широкий спектр функций Firebase в современные веб-приложения с использованием React и Redux.
Elm
Elm
Создавай пуленепробиваемые, легко обслуживаемые веб-приложения с Elm - функциональным языком программирования, который трансформирует разработку веб-приложений. В этом видеокурсе мы создадим приложение Elm от самого начала до конца, взаимодействуя между Elm и JavaScript, организовывая код Elm с использованием модулей и Elm архитектуры а также напишем модульные тесты для приложений Elm. Мы покажем вам функциональные методы программирования, которые полезны не только для Elm, но и для других языков.
Производительность веб-сайтов
Производительность веб-сайтов
С появлением мобильных сетей и устройств, производительность веб-сайтов стала играть большое значение для создания хороших веб-сайтов и веб-приложений. Кайл ныряет во все аспекты - от загрузки ресурсов, анимации, JSON, минификации, оптимизации изображений и многое другое, чтобы показать вам, как можно сделать ваш сайт более производительным.
Choosing a JavaScript Framework
Choosing a JavaScript Framework
В последнии годы рост javascript фреймворков просто феноминальный. Вы уже не можете обсуждать JavaScript без упоминания Angular, Ember, Backbone или React. Какой фреймворк лучше использовать в своих проектах, и чем они отличаются, это вечная дискусия среди разработчиков. Брайан Холт (Reddit) поможет вам понять, какой из них лучше всего подходит для вас и вашего следующего большого проекта.
Functional Programming in JavaScript
Functional Programming in JavaScript
Научитесь применять передовые методы для решения практических задач в JavaScript. Откройте для себя функциональное программирование и посмотрите шаг за шагом как построить веб-приложения с помощью абстрактных интерфейсов, как Monads, Functors и другие. После этого курса вы будете думать и писать на JavaScript совсем по другому.
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 в два раза лучше своей первой версии.