letswritecode
letswritecode copied to clipboard
shama
Idea List
- [ ] JavaScript
- [ ] Async/Await
- [ ] Loops
- [x] Functions (including call/apply)
- [x] Arrays
- [x] Promises
- [x] Callbacks
- [x] Timing
- [x] Native AJAX calls (and other libraries that make it simpler)
- [ ] Closures
- [x] Modules
- [ ] CommonJS Design Patterns
- [ ] Reactive Functional Programming
- [ ] WebGL & Related Stuff
- [ ] Multidimensional Arrays (ndarray)
- [ ] ReGL: https://github.com/regl-project/regl
- [ ] Debugging client/server JS with Chrome Dev Tools
- [ ] Electron
- [x] Creating a simple multi window app
- [x] Distributing / Packaging Apps
- [ ] Testing Electron Apps
- [ ] Multi-platform installers
- [ ] Auto updating app
- [ ] Dialog API
- [ ] Atom Editor Packages
- [ ] WebGL
- [x] Intro to WebGL and Shaders
- [ ] Getting started with stack.gl
- [ ] Node / io.js
- [x] Streams
- [x] Running a Node.js Server
- [ ] Using net to send messages
- [ ] Deploying a Node.js app
- [ ] Duplex streams (more advanced streams)
- [ ] Ember.js
- [ ] Ember Router
- [ ] Ember Models / Data
- [ ] Ember Testing
- [ ] Closure Actions
- [ ] JS Framework / Framework-like Libraries
- [x] Ember.js Fundamentals
- [ ] Riot.js
- [ ] Intro to React (Flux, Relay)
- [ ] Web Components
- [x] Vue.js
- [ ] AR Drone
- [ ] Modules
- [x] virtual-dom
- [x] tape
- [ ] ndarray
- [x] webpack
- [ ] peerjs
- [ ] More advanced P2P app using WebRTC
- [ ] Web Sockets (maybe socket.io)
- [ ] More in depth unit testing with app that interacts with the DOM
Hello there,
Like I said on gplus, I really like your videos @shama, I'm learning a lot. You already have a pretty good list here :+1: :)
What I can think of:
- intro to sourcemap (JS / CSS)
- Promises (but you already have them listed ^^)
- React, and maybe an example on how to create an isomorphic app
- Babel with browserify (like you did on transforms with brfs)
- and some more ideas I might have later on :)
Anyway, keep up the good work, your screencasts are really good!
I would love to see a video that shows how to connect webpack with electron. So what steps do we need to take to develop an electron app with webpack?
@cloppy Thanks! That would be interesting but I typically don't use a module bundler with electron. Since electron has the ability to require() modules built in, it gets a little more cumbersome, IMO, trying to put a build step in there too.
Although if there is an existing codebase being bundled with webpack, I would build it out to a vendor folder and consume it as a library. But maybe I'm missing a great use case using webpack to build electron apps?
@shama I thought about it, because with webpack you can require like scss, less, etc. via require inside your JavaScript, which is pretty neat. I haven't tried yet but I could imagine that this won't work out of the box with electron, since webpack is overriding the require function.
I would love to watch your bear inspired tuts on these topics:
JavaScript:
- Taming This with apply & call
- Closures
- Modules
Keep up good work.
Love the videos! :) Coming from a non-Linux world, it would be neat to see different ways of deploying a simple node app to a Linux server (maybe to the one you're already running with Forever?). Not thinking all Docker here, maybe start what would be the most basic file copy scripts or something?
Great playlist. An idea could be to look at popular design patterns e.g. revealing module pattern, constructor pattern and my favourite, the mediator pattern. Thanks for listening.
@shama Really digging your concise and to-the-point videos. Would love to see more tuts around Ember. It's surprising how few quality and up-to-date tuts there are for it. Specifically around such common operations such as :-
- Pagination
- Sorting
- Infinite load
Looking forward to what you put next. Keep up the good work!
thanks for the videos - especially the ones on electron as without them i would have been completely lost.. as for suggestions for future videos:
- es2015 features, especially generators and also compiling with babel
- testing with mocha and sinon (especially in relation to electron and es2015 features)
- gulp as a build tool
- gun as a graph/document peer to peer database (which could be used with an electron app for example). in fact any info on graph databases in general would be great as i think they are amazing as an idea
anyway i'm sure there's loads more but most of all thank you for your great style of teaching and for keeping it simple and easy to understand. all the best!
A tutorial for Electron on setting up user preferences in an app (how to store/access the data) would be glorious.
I have seen your video about webpack on Youtube.Thank you very much. But I meet a problem during code your example in the video.
In the webpack.config.js,I typed this below,
module.exports = {
entry:'./index.js',
output:{
path:__dirname,
filename:'bundle.js'
},
module:{
loaders:[{
test:'/\.css$/',loader:'style!css!'
}]
}
}
in the bear.js
var bearcss = require('./bear.css');
....
but when I run npm start, an Error happend
ERROR in ./bear.css
Module parse failed: /Users/mrbackkom/getting-start-webpack/bear.css Line 1: Unexpected token ILLEGAL
You may need an appropriate loader to handle this file type.
| @import 'base.css';
|
| div{
@ ./bear.js 11:14-35
I do not find the reason.
@MrBackKom Thanks! Did you npm install style-loader css-loader? Also would you mind opening an new issue for this question?
@shama Can you do a few more ember ones. There are no recent tutorials online and your videos are of course miles ahead.
Most useful videos out there thanks . Suggestions :
- Lodash / Underscore
- Hapi
Hello!
I was wondering if you could/were thinking about going into any of the following pertaining to Electron:
- Data Storage
- Integrating with Front-End Framework ( Angular, react, etc.)
- Deploying on windows.
Appreciate the content thusfar!
@ishanray I have started releasing new videos: https://www.youtube.com/user/kylerobinsonyoung Thanks for watching!