Understanding client-side JavaScript frameworks - Learn web development | MDN
Complete beginners start here!Getting started with the webGetting started with the webInstalling basic softwareWhat will your website look like?Dealing with filesHTML basicsCSS basicsJavaScript basicsPublishing your websiteHow the web worksHTML — Structuring the webIntroduction to HTMLIntroduction to HTMLGetting started with HTMLWhat's in the head? Metadata in HTMLHTML text fundamentalsCreating hy
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
NextNext.js Practical Introduction: Pages and LayoutLearn how to use Next.js to create server-side rendered React applications. 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 t
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ページを開く
Neural networks in JavaScript | Scrimba.com
GitHub - takahashim/js-stack-from-scratch: Step-by-step tutorial to build a modern JavaScript stack from scratch
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/