Building ES6 Browser Apps w/ Grunt and Babel

preview_player
Показать описание

ES6 (ES2015) is the new standard for JavaScript with a lot of great additions to the language. But it's not obvious how you can take advantage of these updates.

In this episode, you'll learn how to build ES6 (ES2015) apps for browsers, using Babel and Grunt to automate the entire process. From compiling the code to something the browser can use, to bundling it in to a single output file, to automating the entire flow, you'll learn how to use ES6 features in today's browsers!
  1. River Lynn Bailey
  2. ECMAScript (Programming Language)
  3. JavaScript (Programming Language)
  4. ES6
  5. ES2015
  6. WatchMeCode
Рекомендации по теме
Building ES6 Browser 0:44:02

Building ES6 Browser Apps w/ Grunt and Babel

JavaScript ES6 Modules 0:07:39

JavaScript ES6 Modules

JavaScript ES6 / 0:11:27

JavaScript ES6 / ES2015 - [02] Compile ES6 With Babel

Build Percentage Calculator 0:03:45

Build Percentage Calculator of any Number Tool Widget in Browser Using ES6 Vanilla Javascript

Module Bundlers Explained... 0:09:56

Module Bundlers Explained... Webpack, Rollup, Parcel, and Snowpack

Build a QRCode 0:13:12

Build a QRCode Scanner Web App in Browser Using qr scanner.js Library in Javascript

JavaScript Modules: ES6 0:10:27

JavaScript Modules: ES6 Import and Export

Vite in 100 0:02:29

Vite in 100 Seconds

React Tutorial (with 0:52:21

React Tutorial (with Webpack + ES6): Build a ToDo App with Best Practices

Use Babel & 0:29:54

Use Babel & Webpack To Compile ES2015 - ES2017

ES6 Tutorial: Learn 0:50:05

ES6 Tutorial: Learn Modern JavaScript in 1 Hour

Building an Operating 2:45:49

Building an Operating System in the Browser (S01E17)

Build an app 0:08:48

Build an app with WebComponents in 9 minutes

Google I/O 2012 0:48:25

Google I/O 2012 - Better Web App Development Through Tooling

Dropbox API / 0:53:18

Dropbox API / JavaScript ES6 Tutorial - Expense Organizer

Building an OS 2:51:56

Building an OS in the Browser with React (Episode 21)

JavaScript ES6 / 0:05:46

JavaScript ES6 / ES2015 - [01] Introduction

ES6 JavaScript Tutorial 1:13:33

ES6 JavaScript Tutorial for Beginners - Getting Started

How to Setup 0:03:45

How to Setup Node.js with TypeScript in 2023

Production PWAs with 0:47:19

Production PWAs with frameworks (Chrome Dev Summit 2016)

Building Web Applications 0:49:07

Building Web Applications with Ember.js

Web Components and 0:40:52

Web Components and the Polymer Project: Polymer 3.0 and beyond (Google I/O '18)

Webpack Loaders for 0:14:24

Webpack Loaders for CSS, SCSS, ES6, and JSHint - Ep. 3

JavaScript Course for 0:48:17

JavaScript Course for Beginners – Your First Step to Web Development

Комментарии
Автор

14:48 Is there any significance to the difference in capitalization on line 1 of www/app/src/index.js?

humilityconsulting
Автор

This video helped me to set ES6 features with grunt-babel into my existing project, thanks :D good stuff.

julianmay
Автор

Are you using NERDtree on the left of your vim, or some other plugin, or just a native feature of vim?

humilityconsulting
Автор

How do you config your server? Is there another episode to introduce the backend?

soarinblue
Автор

Pretty brilliant, although I'd have kept the original files and source maps in the public directory so I can debug. Also have you seen babelify? What do you make of that?

DanDart