background preloader

Coding

Facebook Twitter

The trusted source for JavaScript packages, Meteor resources and tools. 6 Bootstrap Bar Chart Examples - DesignersLib.com. Bar Chart Demo / More Info Bootstrap Bar Chart Demo / More Info Bootstrap Morris Chart Demo / More Info Bootstrap Bar Chart Example Demo.

6 Bootstrap Bar Chart Examples - DesignersLib.com

Angular 2 Forms 介紹:Model-Driven Forms. 上一篇我們已經介紹了如何使用 Template-Driven 進行表單的開發,對於大部分簡易的表單,搭配預設提供的 Validator Directive,就能輕鬆的實作出可驗證、有提示互動的表單。

Angular 2 Forms 介紹:Model-Driven Forms

但人生總不會是都那麼的簡單,在實戰開發上,我們往往會遇到各種神奇的表單需求,可能是多個欄位之間會有複雜的驗證,抑或是動態的驗證,甚至連表單的欄位是動態的! 對於這些奇葩的需求,相信有遇過的朋友都知道,光靠是 Template-Driven 是不夠的,雖然 Template-Driven 也可以實作出複雜的表單,但會造成 Template 會非常的髒亂,而且開發過程中會在 Template 與 Component 之間來回進行,這樣的開發會很沒有效率,而且做到後面可能頭都昏了。 生命是有限的,我們不該把生命浪費在這奇葩的表單上,因此 Angular 2 提供了另一種表單的實作方式: Model-Driven Forms ! 話不多說,直接開始吧! 首先,我們直接透過 Angular CLI 新增一個專案: 範例飯粒在此 接著為了有效節省時間,在新增指令的後面加上 -sn 略過 npm install ,直接用 yarn 來安裝 npm !! Node.js 系列學習日誌 #29 - 部署上線至 Heroku 雲端平台環境 - iT 邦幫忙. Migrating from npm. Migrating from npm should be a fairly easy process for most users.

Migrating from npm

Yarn can consume the same package.json format as npm, and can install any package from the npm registry. If you want to try Yarn out on your existing npm project, just try running: This will lay out your node_modules folder using Yarn’s resolution algorithm that is compatible with the node.js module resolution algorithm. If you get an error, please check for an existing issue or report it to the Yarn issue tracker. School.scotch. AngularClass/awesome-angular2: A curated list of awesome Angular 2 resources by @AngularClass.

GitHub - sedouard/mongodb-mva: You've Got Documents! A MongoDB Jump Start. GitHub - kdchang/reactjs101: 從零開始學 ReactJS(ReactJS 101)是一本希望讓初學者一看就懂的 ReactJS 中文入門教學書,由淺入深學習 ReactJS 生態系 (Flux, Redux, React Router, ImmutableJS, React Native, Relay/GraphQL etc.)。 MongoDB Tutorial for Beginners - 1 - Install MongoDB. I hosted free design workshops. Then we built a dog adoption app as a team. MEAN Stack RESTful API Tutorial (1/5) - Using MongoDB, Express, Angular JS, and Node JS Together. Cloud9 - Your development environment, in the cloud. MongoDB Editor. Mongo-express. Web-based MongoDB admin interface written with Node.js, Express and Bootstrap3 Features Connect to multiple databasesView/add/delete databasesView/add/rename/delete collectionsView/add/update/delete documentsPreview audio/video/image assets inline in collection viewNested and/or large objects are collapsible for easy overviewAsync on-demand loading of big document properties (>100KB default) to keep collection view fastGridFS support - add/get/delete incredibly large filesUse BSON data types in documentsMobile / Responsive - Bootstrap 3 works passably on small screens when you're in a bindConnect and authenticate to individual databasesAuthenticate as admin to view all databasesDatabase blacklist/whitelistCustom CA and CA validation disabling Screenshots.

mongo-express

MongoDB Hosting: Database-as-a-Service by mLab. Creating RESTful APIs with NodeJS and MongoDB Tutorial (Part II) Welcome to this RESTful API using Node.js (Express.js) and MongoDB (mongoose) tutorial.

Creating RESTful APIs with NodeJS and MongoDB Tutorial (Part II)

You can follow alone to make a stand alone API endpoint, or you could also check out our AngularJS or BackboneJS tutorials to build a javascript-client that connects with the endpoint we are going to built. What RESTful API really means? REST stands for Representational State Transfer. It is an architecture that allows client-server communication through a uniform interface. They are also stateless, cachable and has property called idempotence, which means that the side effect of multiple identical requests have the same effect as the same single request. Node ToDo List App with Mongodb - 2016. Bogotobogo.com site search: Note In this article, we'll make a ToDo list ( $ mkdir ToDo $ cd ToDo $ npm init.

Node ToDo List App with Mongodb - 2016

Mongoose Schemas v4.6.3. If you haven't yet done so, please take a minute to read the quickstart to get an idea of how Mongoose works.

Mongoose Schemas v4.6.3

If you are migrating from 3.x to 4.x please take a moment to read the migration guide. Defining your schema. jQuery Selectors Lab Page. This is a <div> with an id of someDiv Hello Goodbye jQuery in Action, 2nd edition, sample codeBear Bibeault and Yehuda Katz.

jQuery Selectors Lab Page

JSHint, a JavaScript Code Quality Tool. JavaScript Kit- Your comprehensive JavaScript, DHTML, CSS, and Ajax stop. AngularClass. Learn the Basics of Angular 2 Forms - Course by @johnlindquist. AngularJS 2 and NodeJS: The Practical Guide to MEAN Stack 2.0. AngularUI for AngularJS. Quick Start Angular 2 Using Visual Studio Code. Angular 2 Tutorial for Beginners: Learn Angular 2 from Scratch. Angular Augury. Angular 2 powered Bootstrap. Dependencies This repository contains a set of native Angular 2 directives based on Bootstrap's markup and CSS.

Angular 2 powered Bootstrap

As a result no dependency on jQuery or Bootstrap's JavaScript is required. The only required dependencies are:

Angular.js Example

Angular2 in 15min. Angular2 Bootstrap. Part 1 - How to setup AngularJS in MVC4 application. Node入門 » 一本全面的Node.js教學課程. 關於 本書致力於教會你如何用Node.js來開發應用,過程中會傳授你所有所需的 "進階" JavaScript知識。

Node入門 » 一本全面的Node.js教學課程

本書絕不是一本 "Hello World" 的教學課程。 狀態 你正在閱讀的已經是本書的最終版。 因此,只有當進行錯誤更正以及針對新版本Node.js的改動進行對應的修正時,才會進行更新。 Express - Node.js Web 應用程式架構. Node.js v6.6.0 Documentation. Stability: 2 - Stable File I/O is provided by simple wrappers around standard POSIX functions. To use this module do require('fs'). All the methods have asynchronous and synchronous forms. The asynchronous form always takes a completion callback as its last argument. The arguments passed to the completion callback depend on the method, but the first argument is always reserved for an exception. When using the synchronous form any exceptions are immediately thrown. Here is an example of the asynchronous version: Node.js 自動抓取網頁資料範例程式教學 - G. T. Wang. 這裡介紹如何使用 Node.js 撰寫自動抓取網頁資料的程式,從網路上自動擷取大量的數據或資料。 在網頁 API 尚未風行的年代裡,如果想要從網路上自動取得一些資料,通常都只能從一般的網頁中擷取(web scraping),縱使現在許多網路上的資料都會提供程式專用的 API,但若遇到沒有提供完整功能 API 的網站,還是只能靠這個最基本的方式處理。

Node.js 系列學習日誌 #8 - 使用 express, ejs 實作讀取靜態 JSON 格式資料 - iT 邦幫忙. 今天來介紹 express, ejs 實作讀取靜態 JSON 格式資料程式 本章節將會學習到: 使用 ejs 樣板引擎建立檢視頁面 建立 Json 檔案及資料,並採取 /api/posts 列出所有 json 資料 採取 /post/:id 取得某一筆資料. Nodejs+mongodb做项目的详解(最新) - CNode. 想写博客很长时间了,因为一直身患懒癌,所以一直拖到了现在。 Camper luke84320136's Code Portfolio. FreeCodeCamp/FreeCodeCamp. Front End Developer Playground & Code Editor in the Browser. 高見龍. Programming Languages Training and Tutorials. Create a GitHub Account and Join our Chat Rooms. SQL Sample Scripts & Query Examples – Database Journal. Not all tools provide a GUI interface, making it difficult to find Oracle's object referenced inside a PLSQL stored procedure. This script finds those objects. This script will monitor CPU Usage Information.

Use this script to generate a random password. Use this stored procedure to quickly capture all login information when needed, especially for security audit situations. Practice INSERT into. Piece of code to search all stored procedures in all databases for keyword. Helps DBA to find out quickly which database takes a lot of space and which file could be shrunk. 如何在 ASP.NET MVC 4 專案加上 Web API 與 API 說明頁面. ASP.NET Web API 功能強大,可很便利的設計出以 REST 為風格的 API 面 (RESTful APIs),且早與 ASP.NET MVC 專案整合在一起。 但是當 API 越寫越多時,如果沒有一個好個 API 文件或程式碼範例輔助,也很有可能會演變成一場災難。 這篇文章,主要是撰寫如何在一個完全沒有 ASP.NET Web API 的專案中,加入新的 ASP.NET Web API 控制器 ( ApiController ) 並自動產生 API 文件的步驟。 § 先在基礎 ASP.NET MVC 專案上新增 ASP.NET Web API 的 API 控制器. ASP.NET MVC 3 豬走路範例 (1) - 黑暗執行緒.

【前言】 Start Learning at Treehouse for Free.

Python

Mrkt 的程式學習筆記: 初學 ASP.NET MVC 藉由 Scaffold 認識 C.R.U.D 的操作. 時常會看到初學 ASP.NET MVC 的朋友在一開始進入學習或實作時總是會不知所措,如果是有 ASP.NET Web Forms 開發經驗的人但是對於物件導向、ORM 觀念和 LINQ 操作都不熟悉,之前比較擅長的資料操作就是 DataSet, DataTable,網頁就是在各種伺服器控制項或是在 Code-Behind 組字串並拋到前端處理,這樣類型的開發者在轉換到 ASP.NET MVC 時都會想要將以往 ASP.NET Web Forms 的開發經驗給轉移過去,但是兩種開發模式相差蠻大的,再加上觀念也有差異,所以在開發上就很容易陷入困境。 物件導向軟體工程. 控制,資料模組,呈現 MVC 指的是 Model-View-Controller 架構,就是要在系統架構中,將資料模組(Model)、呈現模組(View)、控制模組(Controller)三者分離,這樣的做法可以降低系統內的功能邏輯和資料的耦合,使得架構上分工明確、促使開發人員專責分工,進而提昇系統的擴充性。

Model 通知 view 的方式就像是 subject 通知 observer 一樣,是採取介面的方式以降低雙方的耦合力。 Fiddler free web debugging proxy. CodeProject - For those who code. Programming Tutorials and Source Code Examples. 第十章、認識與學習BASH. 一看就懂的 React ES5、ES6+ 常見用法對照表. 前言 React 是 Facebook 推出的開源 JavaScript Library。 自從 React 正式開源後,React 生態系開始蓬勃發展。 事實上,透過學習 React 生態系(ecosystem)的過程中,可以讓我們順便學習現代化 Web 開發的重要觀念(例如:ES6、Webpack、Babel、模組化等),成為更好的開發者。 Watch People Code Products Live and Learn Programming - LiveCoding.tv.