background preloader

Coding

Facebook Twitter

Regular Expression, 讓你來去自如抓字串. 這篇看似很無聊, 但看完你不會後悔的 以下文章都簡稱Regex, 然後用js做範例 Regex = Regular Expression縮寫,中文是正規表達式 他不是一種程式語言, 是以一組特定字元符號描述字串樣式規則的記述語法(誒是不是不懂XD) 而且幾乎通用在任何語言裡(Javascript, php, ruby, python…) 其實我也是工作了好幾年之後, 才第一次知道Regex是什麼東西, Regex是一門博大精深的學問,小妹我也只會簡單的, 但簡單的Regex就能解決許多專案中的問題 所以就想來分享給大家 初學者可以玩玩看這個網站, 玩過一次之後 對Regex就可以有一定認識, 不過因為都是英文,所以我還是來整理一下 註: 字元: 單一字,如’a’ 字串: 一串字如’apple’ [abc] → 抓單一個字元: a, b, or c[^abc] → 抓任何單一字元除了 a, b, or c[a-z] → 抓任何小寫a-z之間的字元[a-zA-Z] → 抓任何小寫a-z,大寫A-Z之間字元.

Regular Expression, 讓你來去自如抓字串

Codewars. 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.

6 Bootstrap Bar Chart Examples - DesignersLib.com

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

Angular 2 Forms 介紹:Model-Driven Forms

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. When you run either yarn or yarn add <package>, Yarn will generate a yarn.lock file within the root directory of your package. 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 These screenshots are from version 0.30.40 View album for more screenshots: (server status, database views etc..)

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? 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 Everything in Mongoose starts with a 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.

Angular.js Example

Angular2 in 15min. Angular2 Bootstrap. Part 1 - How to setup AngularJS in MVC4 application. Node入門 » 一本全面的Node.js教學課程. Express - Node.js Web 應用程式架構. Node.js v6.6.0 Documentation. Source Code: lib/fs.js The fs module enables interacting with the file system in a way modeled on standard POSIX functions. To use this module: const fs = require('fs'); All file system operations have synchronous, callback, and promise-based forms. Synchronous example# 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. 高見龍. 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 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 的開發經驗給轉移過去,但是兩種開發模式相差蠻大的,再加上觀念也有差異,所以在開發上就很容易陷入困境。

另外一種就是完完全全的初學者,可能之前沒有接觸過任何的網頁程式設計,或是有開發過其他技術的網頁程式,但是對於 .NET 這一塊領域並不熟悉,所以在很多觀念與操作上都相當生疏。 其實我一再地說,其實網路上有很多學習資源可以加以利用,只要肯花時間去從頭開始學起,基本上很多問題都會迎刃而解,但實際情況往往都是很多開發者都想直接跳過入門學習的階段,而想要直接實戰下去,這樣的學習往往會弄得自己千瘡百孔,搞到最後不是興趣缺缺、對 ASP.NET MVC 多有微詞之外,最怕的就是為了產出結果而搞出一些怪招怪式,這在往後的開發上是一點幫助也沒有。 物件導向軟體工程. 控制,資料模組,呈現. Fiddler free web debugging proxy. CodeProject - For those who code. Programming Tutorials and Source Code Examples. 第十章、認識與學習BASH. 10.1 認識 BASH 這個 Shell 我們在第一章 Linux 是什麼當中提到了: 管理整個電腦硬體的其實是作業系統的核心 (kernel),這個核心是需要被保護的! 所以我們一般使用者就只能透過 shell 來跟核心溝通,以讓核心達到我們所想要達到的工作。 那麼系統有多少 shell 可用呢?

為什麼我們要使用 bash 啊? 底下分別來談一談喔! 一看就懂的 React ES5、ES6+ 常見用法對照表. 前言 React 是 Facebook 推出的開源 JavaScript Library。 自從 React 正式開源後,React 生態系開始蓬勃發展。 事實上,透過學習 React 生態系(ecosystem)的過程中,可以讓我們順便學習現代化 Web 開發的重要觀念(例如:ES6、Webpack、Babel、模組化等),成為更好的開發者。 雖然 ES6(ECMAScript2015)、ES7 是未來趨勢(本文將 ES6、ES7 稱為 ES6+),然而目前在網路上有許多的學習資源仍是以 ES5 為主,導致讀者在學習上遇到一些坑洞和迷惑(本文假設讀者對於 React 已經有些基本認識,若你對於 React 尚不熟悉,建議先行閱讀官方文件和本篇入門教學)。 因此本文希望透過整理在 React 中 ES5、ES6+ 常見用法對照表,讓讀者們可以在實現功能時(尤其在 React Native)可以更清楚兩者的差異,無痛轉移到 ES6+。 大綱. Watch People Code Products Live and Learn Programming - LiveCoding.tv.