JavaScript: Everything From ES2016 to ES2019
AlbertoM Posted on Jan 5, 2020 • Updated on Mar 8, 2020 • Originally published at inspiredwebdev.com Hi, I am Alberto Montalesi, a full-stack self-taught developer. I create practical JavaScript tutorials and courses on my website inspiredwebdev.com to inspire other developers to grow and build the career that they want. JavaScript is a language in constant evolution and in the past few years, man
JavaScriptオブジェクトの作成パターン ES6時代のベストプラクティス
本記事はTim Severienが査読を担当しています。最高のコンテンツに仕上げるために尽力してくれたSitePointの査読担当者の皆さんに感謝します。 JavaScriptオブジェクトの作成は難しいテーマです。JavaScriptはオブジェクトの作成方法が非常に多いため、初心者にとっても熟練者にとってもどの方法を使えば良いか分かりにくいのです。しかし、オブジェクト作成方法の選択肢が多く、それぞれのシンタックスがいかに違って見えても、思っているより似通っています。記事ではオブジェクトのさまざまな作成方法や、各々の選択肢がどれほどほかの方法を応用しているのかを紹介します。 オブジェクトリテラル オブジェクトをもっとも簡単に作成できる方法、オブジェクトリテラルを紹介します。JavaScriptはオブジェクトを何もないところから作成できるとうたっています。クラスもテンプレートもプロトタイプもな
Velocity.js
Overview Velocity is an animation engine with the same API as jQuery's $.animate(). It works with and without jQuery. It's incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined. Download Download Velocity, include it on your page, and replace all instances of jQuery's $.animate() with $.veloci
Angular 2で作った最初のアプリの事後分析 : 使ってわかったAngular 2の長所と短所 | POSTD
最近、Angular 2を使ってWebアプリ作成の手伝いをする機会がありました。このフレームワークの複雑さに戸惑いもありましたが、Angular 2は間違いなくすばらしいものです。この事後分析では私がAngular 2のフレームワークを使った時に感じたいい面と悪い面の両方を掘り下げていくことにします。 Angular 2 Angularは携帯電話やデスクトップのWebアプリケーションを作成するための開発プラットホーム。 https://angular.io/ Angular 2＋リアクティブプログラミング＝❤ 私はすでに、Angular 1アプリケーション ではRxJSをかなり使っていました。特に、サービス間のメッセージ・バスを行うアプリを作成する時です。Angular 2はObservableを非常によくサポートしているので、アプリ全体にリアクティブプログラミングを取り入れることができ、
Must See JavaScript Dev Tools That Put Other Dev Tools to Shame
“JavaScript sucks for large apps because it can’t even identify the type of a variable, and it sucks for refactoring.” ~ lots of very confused people When I got into JavaScript, there was only one browser that mattered: NetScape. It dominated completely until Microsoft started shipping IE with the OS. In those days, the argument that JavaScript’s developer tools were weak was actually true. But it
Material Design Lite
Material Design Lite Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. Get started now. Templates The MDL components are created with CSS, JavaScript, and HTML. You can use the compone
Scala.js: Next generation front end development in Scala
Build your next big front end app in Scala! Learn more at http://www.scala-js.org Follow on Twitter: @ochrons, @scala_js Presented at HelsinkiJS on Nov 4th, 2015 Special thanks to @lihaoyi for inspiration and letting me borrow some slide content :) Slides available at http://www.slideshare.net/OttoChrons/scalajs-next-generation-front-end-development-in-scala
Create a GitHub File Explorer Using Vue.js | DigitalOcean
Introduction Vue.js makes everything easy. Creating seemingly complex applications becomes super simple and is something that can be done in much less time than previously. We will demonstrate this by creating a GitHub file explorer that will allow us to explore files in public GitHub repos. All the code for this post can be found on GitHub. Setup Development Environment The repo for this post has
ReactをjQueryの数行に要約する | POSTD
「Reactが素晴らしい理由は、UIをアプリケーションの状態の純粋関数にできるからだ」いうような話を聞いたことがあるでしょう。しかしそれだけではなく、不変性と仮装DOMを利用して動作するということも聞きますよね。その上、保存、読み込み、取り消し、それにタイムトラベル・デバッグと呼ばれるすごい機能まで自由に手に入れられる。でも知っていますか？ Reactの核となるアイデアを利用し、その恩恵に預かるのにこれらのことは必要ありません。jQueryの数行にしてお見せします。 <span id="colored-counter">0</span> <input id="color"></input> <button id="inc"></button> <script> $('#color').on('keyup', function () { $('#colored-counter').css('
airbnb/javascript at es6 · GitHub
README.md Airbnb JavaScript Style Guide() { A mostly reasonable approach to JavaScript For our old ES5-only guide click here. Table of Contents Types References Objects Arrays Destructuring Strings Functions Arrow Functions Constructors Modules Iterators and Generators Properties Variables Hoisting Comparison Operators & Equality Blocks Comments Whitespace Commas Semicolons Type Casting & Coercion
Unit testing Ajax requests with Mocha
Jani Hartikainen Jani Hartikainen has spent over 10 years building web applications. His clients include companies like Nokia and hot super secret startups. When not programming or playing games, Jani writes about JavaScript and high quality code on his site. Ajax requests can easily go wrong. You can't guarantee the connection and the server always work correctly. They are also often used to send
Extensible Web を支える低レベル API 群 - Block Rockin’ Codes
Intro 最近 Extensible Web の話がたまに出るようになりましたが、なんというかレイヤの高い概念(ポエム)的な話が多い気がしてます。 もう少し具体的な API とか、「それコード書く上で何が変わるの？」って話があまりないので、今日はそこにフォーカスして、 Extensible Web 的な流れの中で整理された API の話をします。 しかし、実際には API が 「Extensible Web という理念で生まれたかどうか」は自明ではないので、 今標準化されている低レベルな API を拾い、それを整理するというエントリだと思ってもらと良いかもしれません。 あまり知られてない API もあると思うので、これを期に「これがあれば、今までできなかったアレが、標準化や実装を待たなくても、できるようになるな」と思ったら是非書いてみると良いと思います。 実際はそれこそが Extensi
Setting Up Webpack with Rails
In Ruby on Rails, convention over configuration is the paradigm. The convention in Rails for managing JavaScript dependencies is metacomments in JavaScript manifest files. The scripts are then loaded by Sprockets. While this works great for smaller applications, larger applications have more dependencies. When the list of required scripts grows long, figuring out which files depend on each other g
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - camsong/You-Dont-Need-jQuery: Examples of how to do query, style, dom, ajax, event etc like jQuery with plain javascript.
https://emberway.io/ember-js-goodbye-mvc-part-1-21777ecfd708
CesiumJS
JavaScript Promiseの本
Design Patterns on CodePen
Write Reliable, Asynchronous Integration Tests With Capybara
GitBook – Knowledge management for technical teams
