JavaScript frameworks and libraries - Learn web development | MDN
Overview: Core learning modules Next JavaScript frameworks are an essential part of modern front-end web development, providing developers with tried and tested tools for building scalable, interactive web applications. Many modern companies use frameworks as a standard part of their tooling, so many front-end development jobs now require framework experience. In this set of articles, we are aimin
Neural networks in JavaScript | Scrimba.com
A fun and practical Brain.js tutorial. This 19-part course teaches you how to build neural networks in JavaScript through interactive Scrimba tut
Building a Color Picker Component | Marko
Building a Color Picker Component IntroductionMarko makes building UI components extremely easy and fun! Today we are going to build a color picker component from scratch. We are going to learn how to: Create a project using marko-cliCreate a basic and customizable color picker componentOur final goal for today is create this component: Try Online Getting StartedThe quickest way to get up and runn
AlminでFluxアーキテクチャをやってみる
AlminでFluxアーキテクチャについてを見ていく話です。 AlminはいわゆるFluxライブラリ的なものですが、ドメイン駆動設計（DDD）を行うにあたって既存のReduxやFluxでは上手くレイヤー分けをやりにくい部分がありました。 この辺の経緯については以前スライドやドキュメントにまとめてあるので、以下を参照してください。 azu/large-scale-javascript: 複雑なJavaScriptアプリケーションを作るために考えること 複雑なJavaScriptアプリケーションを考えながら作る話 この記事では、実際のサンプルコードを見ていきながら、Flux的なデータフローについて見ていきます。 Alminでカウンターアプリを作る このサンプルではAlminを使って次のようなカウンターアプリを作っていきます。 次に英語のチュートリアルもあるので参照してください。 Counter
Next.js Practical Introduction Pt. 1: Pages and Layout
In this tutorial series, you'll be provided with a practical introduction to how Next.js can help you build web applications. Created by Vercel, a cloud company for hosting frontends and serverless functions, Next.js is a React framework capable of creating applications that run both on the client and the server, otherwise known as Universal JavaScript applications. This framework helps you build
GitHub - takahashim/js-stack-from-scratch: Step-by-step tutorial to build a modern JavaScript stack from scratch
モダンJavaScriptスタックチュートリアル、ゼロから始めるJavaScript生活へようこそ。 ⚠️️ このチュートリアルのメジャーアップデート版を3月初旬に公開する予定です。ご期待下さい! より詳しく(英語). これはJavaScriptスタックを使い始めるための最短最速のガイドです。このガイドは一般的なプログラミングの知識とJavaScriptの基礎を前提としています。これら全てのツールを一緒につなぎ合わせることにフォーカスしており、各ツールについて可能な限りシンプルな例を提供します。このチュートリアルは、独自のボイラープレートをゼロから準備するための方法として見ることもできます。 もちろん、ちょっとしたJSによるインタラクションを含むだけのシンプルなウェブページを作るのであれば、ここで紹介するスタックを全て使う必要はありません(ES6コードを複数のファイルに書いてCLIでコンパ
Vue.js: a (re)introduction
Vue.js is a library for building web interfaces. Together with some other tools you can also call it a “framework”, although it’s more like a set of optional tools that work together really well. Now, if you’ve never heard of or used Vue before, you are probably thinking: great, yet another JavaScript framework! I get it. Turns out Vue isn’t particularly new — I first started working on its protot
How to Write an Open Source JavaScript Library
Publishing a JavaScript library for public use requires some extra steps. You need to think about how people will use the library. From end users, to contributors your library now has a variety of people outside of yourself potentially making use of the code that you've released into the wild. From Github and npm, to releasing beta versions, semantic versioning, code coverage, continuous integrati
GitHub - kittykatattack/learningPixi: A step-by-step introduction to making games and interactive media with the Pixi.js rendering engine.
Pixi is an extremely fast 2D sprite rendering engine. What does that mean? It means that it helps you to display, animate and manage interactive graphics so that it's easy for you to make games and applications using JavaScript and other HTML5 technologies. It has a sensible, uncluttered API and includes many useful features, like supporting texture atlases and providing a streamlined system for a
Vue.js Tutorial
Vue.js shares similar concepts to other popular JavaScript frameworks like Rivet.js, Ractive.js, Angular.js, and Knockout.js. These types of frameworks offer a structural outline for interactive web applications. Raw HTML acts as the templating language, while these frameworks extend the syntax to provide data binding and User Interface data modeling. Vue.js strives to make working with these type
GitHub - RickWong/react-isomorphic-starterkit: Create an isomorphic React app in less than 5 minutes
jest入門 - Mockテストと非同期テスト - Qiita
Jestとは Facebookで開発しているUnitTestフレームワーク。 特徴は以下です。 FAMILIAR APPROACH Jasmineベースなので記法は馴染みやすいものです。 MOCK BY DEFAULT CommonJSスタイルのrequire()をMockすることで単体テストを実現します。 SHORT FEEDBACK LOOP サクッとテストできる。 ブラウザとかPhantom.jsとか要らないよって意味だと思う。。。 何がいいのか？ 素のJasmineと比べてこんな特徴があるようです。 テストファイルを勝手に探してくれる。 DefaultでMockされるので、あえて記述しない限り純粋な単体テストになる。 mockを使うことで、非同期処理を同期的に書ける。 Jasmine2.Xでは非同期サポートがされたとか聞きましたがよく知らない。 jsdomを使うことで、HTMLを含
ライブラリをES2015(ES6)で書いて公開する所から始めよう
この記事はECMAScript 2015の事始めとして、ライブラリをECMAScript 2015で書いて公開するというところから始めるのがいいのではという内容です。 ECMAScript 2015(ES2015)はES6とも呼ばれていてどちらも同じものを指しますが、この記事ではES2015に統一します。 ECMAScriptのバージョンについては次のページを参照してください。 ECMAScript · JavaScriptの入門書 #jsprimer 2018-12-27: 追記 textlint/textlint-rule-helperのmasterはTypeScriptの実装へ変換されています。 Babelの実装はhttps://github.com/textlint/textlint-rule-helper/tree/2.0.1から参照できます Babel から TypeScrip
Polyfilling Doesn't Have to be Difficult - Telerik Blogs
In 2010 Remy Sharp published an article on his blog where he introduced a new word: polyfill. A polyfill, as he wrote, is a piece of code (or plugin) that provides the technology that you, the developer, expect the browser to provide natively. In the same post he explained why he coined this word: Earlier on this year I co-authored "Introducing HTML5" with Bruce Lawson. During the R&D time I was l
[iOS]ReactiveCocoaFramework入門 | アドカレ2013 : SP #11 | DevelopersIO
この記事ではXcode5とARCを使用することを前提にしています。 はじめに iOSやMacOSで提供されるOSのフレームワークでは UIイベントをキャッチする インスタンスのプロパティ等を監視する サーバにリクエストを投げてレスポンスが待つ 非同期で何か重たい処理を行う といった外部で起こる時々刻々の変化を捉えるために様々な方法が提供されています。 Delegate Selector Key Value Observing Notification Center Grand Central Dispatch アプリに要求されるパフォーマンス等と相談しながらこれらの仕組みを使い分けるのも非常に重要ですが、 これら時々刻々の値の流れを捉え、一括して管理しやすく扱うための包括的なフレームワークがあります。 それがReactiveCocoaFrameworkです。 ReactiveCocoaの導
![[iOS]ReactiveCocoaFramework入門 | アドカレ2013 : SP #11 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/7e85423a34df19192677c51d5f030b24e762f5bc/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F12%2Fadvent_calendar_open_sp_11.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
webcomponents.org - Discuss & share web components
...get an introduction to Riot.js
http://webdesignporto.com/react-js-an-interactive-tutorial-to-get-started/
GitHub - lostinthepines/TutorialKit: TutorialKit
http://webdesignporto.com/react-js-in-pure-javascript-facebook-library/