60+ Best HTML Admin & Dashboard Templates 2017

The UI of a web application is extremely important to it’s success, a poor user experience can make using the product a chore whereas a great interface can speed up productivity, reduce customer support queries and increase customer retention. If you are the creator of a web app, SAAS, online software or just need an admin section for your website users, then investing a good admin dashboard theme can be a very wise investment.

In this collection we are looking at pre-made admin dashboard templates, these have been coded with technologies such as HTML5 and CSS3, making use of frameworks such as Bootstrap, jQuery, Angular JS, React and others. They are all beautifully designed so will make your product look highly professional so you can can show it off in marketing screenshots and videos. They also include many different types of features such as charts, graphs, maps, overlays and more so you can tailor them to your product’s needs.

Take a look below at our collection of over 60 of the Best HTML Admin and Dashboard Templates.

StartUI

StartUI – a full featured, premium web application admin dashboard built with Twitter Bootstrap 4, JQuery and CSS (Less). It comes with a lot of ready to use components ideal for building your web application, CMS, CRM, admin panel, eCommerce dashboard, or any other type of application backend. StartUI coded highly responsive for your mobile phone & tablets. Completely modular with many unique features, it will help you build your next awesome product.


startui

More Info & Demo

Umega

Umega is a fully responsive admin dashboard template, easy customization and lightweight which is basically designed for the developers. It follows the best practices using the latest technologies and I really hope that you will enjoy working with it.


umega

More Info & Demo

Marino

Marino – Bootstrap 4 Dashboard UI Kit


marino

More Info & Demo

MyAdmin

MyAdmin Template is fully responsive premium bootstrap admin template ideal for your business. MyAdmin can used for all type of web applications, such as custom admin panel, project management system, admin dashboard, application backend, CMS, CRM, etc.


myadmin

More Info & Demo

Tectonic

Tectonic is a beautifully designed admin dashboard template that caters to a wide range of necessities. With over 250 demos, Tectonic is easily one of the most complete admin themes out there.


tectonic

More Info & Demo

Infinity

Infinity is a responsive Bootstrap 3.3.6 Admin Template. It provides you with a vast collection of ready to use code snippets and utilities many custom pages and a collection of applications and widgets.


infinity

More Info & Demo

Aero

Aero Admin is a Material Design based admin template. Using the Materialize CSS framework, we provide a clean and customizable dashboard to meet all your needs. Aero Admin was developed with passion to another passionate developers.


aero

More Info & Demo

Metrika

Metrika is a responsive material design built specifically for AngularJs. Using Google’s own Material Design framework for Angular with custom services, directives, icons and styling (material.angularjs.org) together with the power of Bootstrap for making layout as easy as ever. Create your own Material themes with color combinations and bringing true material components into bootstrap.


metrika

More Info & Demo

Rainbow

Rainbow is a colorful responsive admin web App built with Bootstrap & AngularJS. It uses Sass CSS which makes it easy to modify.


rainbow

More Info & Demo

Milestone

Milestone is an elegant and creative Bootstrap 4 admin template that comes out of the box with a myriad of layout options and features to help you build your next dashboard. Milestone features a huge set of reusable components, a tonne of plugins, different layouts and is easy to customise to individual needs.


milestone

More Info & Demo

Uplon

Uplon is a fully responsive premium web UI kit built with awesome bootstrap v4. It comes with super clean user interfaces, many ready to use and highly customizable components and widgets. The power of SASS and easy code allows any developer to turn this theme into real web application.


uplon

More Info & Demo

Clean UI

Clean UI – a modern professional admin template, based on Bootstrap 4 framework. Clean UI is a powerful and super flexible tool, which suits best for any kind of web application: Web Applications; CRM; CMS; Admin Panels; Dashboards; etc. Clean UI is fully responsive, which means that it looks perfect on mobiles and tablets. Template includes Angular Starter Kit – a set of templates, that will make your developer’s life much easier.


cleanui

More Info & Demo

LearnPlus

LearnPlus is a beautifully crafted user interface for modern Learning web applications. LearnPlus includes examples for all the website pages possibly needed for a LMS application, covering the most important roles in any learning application, the student and the instructor.


learnplus

More Info & Demo

AdminK

AdminK is a fully responsive and 100% Retina ready bootstrap admin template. The template is perfect for your business, because it can used for all type of web applications, such as custom admin panel, project management system, admin dashboard, application backend, CMS, CRM, etc.


admink

More Info & Demo

Horizon

Horizon is a responsive dark admin template powered by Twitter Bootstrap Framework. Horizon has a simple set of UI elements and plugins to get your work done in the fastest time possible, with a user friendly and clean design to appeal to your customers.


horizon

More Info & Demo

Elite Admin

Eliteadmin is a premium admin dashboard template with flat design. It is fully responsive admin dashboard template built with Bootstrap 3.3.7 Framework, HTML5 and CSS3, Media query. It has a huge collection of reusable UI components and integrated with latest jQuery plugins. It can be used for all type of Web applications like custom admin panel, app backend, CMS or CRM.


elite

More Info & Demo

Alpha

The Alpha UI Framework is a premium Web Application Admin Dashboard built on top of MaterializeCSS Framework. It was created to be the most functional, clean and well designed template for any types of backend applications. We have carefully designed all common elements.


alpha

More Info & Demo

Material Design

Material is a Google Material Design inspired admin template built with Angular & Bootstrap.


material

More Info & Demo

Boooya

Boooya – powerful admin template based on newest technologies. This template is fully responsive and retina ready. It means that you can easily build your web application and be sure that it will work well on all devices. Also its included with unique plugins that developed specially for Boooya temaplte. In downloaded package you will find .less files, documentation, clean and commented source code. Atlant is easy to use and customize, also you will find lots of ready to use elements.


boooya

More Info & Demo

Varello Admin

VarelloAdmin is a fully-responsive, well-featured and highly-polished dark admin template. It includes both Static HTML and Laravel 5.2 Blade versions (includes application routes and controllers). It is a good fit for any kind of back-end application, whether it is administrative, statistical, management, CMS, dashboard, messaging, and much more. It is built for multi-purpose admin systems, and has been rigorously designed and tested to work responsively across Large/Medium Desktop, Tablet and Mobile devices, and in all modern browsers. This ensures it looks good, no matter the device you are using.


varello

More Info & Demo

Mara

Mara is a Material Design Multipurpose Admin Template with a huge collection of material design elements built on Materialize framework. Mara can be used for any type of web applications: custom admin panels, admin dashboards, CMS, CRM, SAAS and websites: CMSs, SAAS, CRM, HRMS, Support & Social network, Blog, E-commerce site, Personal page, Business site, Magazine.


mara

More Info & Demo

Dubli

Bootstrap Responsive Admin Web App with AngularJs


dubli

More Info & Demo

Zircos

Zircos is a premium, fully responsive web app UI kit. It has flat design and built with Bootstrap 3.3.7, HTML5, CSS3 and Jquery. It comes with bunch of reusable UI widgets, components, ready made pages. The clean and modular code will allow you to easily build any web application.


zircos

More Info & Demo

Boost

Boost is a responsive bootstrap admin dashboard template built with Twitter Bootstrap Framework and it has a huge collection of reusable UI components and integrated with jQuery plugins also. It is also easy to use and modify that is suitable to your needs and can be implemented to your desire projects such Project Management System, CRM, HRMS, Real Estate, Ecommerce, Loan Management System, Billing Management System and more.


boost

More Info & Demo

React

Building a single page application in Javascript? Interested in moving to React/Redux? Don’t start from scratch – build a scalable , highly polished admin application with React/Redux and Bootstrap that works great on mobile and tablet as well as desktop.


react

More Info & Demo

Deluxe

Deluxe is a Admin Template built with Bootstrap Framework is designed in the style flattening like material design. Deluxe has a huge collection of plugins and UI components and works seamlessly on all major web browsers, tablets and phones.


deluxe

More Info & Demo

Float

Float admin is a clean and powerful admin template based on Bootstrap3. It is built with modern technologies like sass, compass, ruby, bootstrap3, html5 and css3. Clean code and SASS files allows you to create and modify easily as per requirements. The template is fully responsive and easily fit into any devices. Huge collection of pre-made pages, plugins, UI elements, Jquery UI, SASS files, Light and dark skins, Landing page, 4+ layout options and many more advanced features make it the best choice for any web applications.


float

More Info & Demo

CSK Admin

Contains 300+ Pages, 20+Dashboards, 3+ Ecommerce Templates, 5+ Landing Pages & many more to come. Coming AngularJS Version


cskadmin

More Info & Demo

Penguin

Penguin is a clean and fully responsive Web app kit and admin dashboard template for developers


penguin

More Info & Demo

Rayan

Rayan is a responsive bootstrap admin dashboard template built with Twitter Bootstrap Framework and it has a huge collection of reusable UI components and integrated with jQuery plugins also. Rayan can be used for applications (CMS, CRM, Custom Admin Application, Admin Dashboard). Rayan template works on all major web browsers, Desktop, iPhone, iPad, Tablet and is any smart phone friendly.


rayan

More Info & Demo

Beagle

Beagle is a responsive admin template based on the famous Bootstrap framework, made it with love in every pixel, with tons of beautiful features ready to use.


beagle

More Info & Demo

Omega

Omega – Responsive Massive Admin Pack


omega

More Info & Demo

COLOURcode

COLOURcode has been born from decades of professional experience developing admin applications and designing interfaces. It is a new kind of admin template that will suit any application type, although it was specifically designed for those who like to use colour to boost usability through context and association. It is fully responsive, based on the latest Bootstrap 3, and has been extensively tested with recent desktop and mobile browsers. The CSS is constructed from Sass-based structured stylesheets, and the JavaScript is constructed from an easily extended custom modular framework with jQuery.


colourcode

More Info & Demo

Aside

Dashboard UI KIT for modern web application.


aside

More Info & Demo

Teamwork

Teamwork is a fully responsive and multipurpose Admin Template. The combination of SASS and Compass make it flexible and user friendly. Teamwork has large collection of features, UI elements, widgets, icons and libraries that make it multipurpose.


teamwork

More Info & Demo

Admin9

Admin9 is admin HTML template. Built with bootstrap and our creative designs. It comes with many predefined pages and component styled. We also include carts and tables. Clean code and CSS allows you to create and modify easily as per requirements. This is specially designed for large screens.


admin9

More Info & Demo

Pacificonis

Pacificonis is a premium admin dashboard template based on Bootstrap. There are a huge of powerful components build with SASS CSS which makes it easy to modify. It has a huge collection of reusable UI components and integrated with latest jQuery plugins. It can be easily integrated into your projects, allowing you to create solutions for your future designs quickly.


pacificonis

More Info & Demo

Arise

ARISE Admin Theme is a premium template comes with FIVE unique designs. It is fully responsive admin dashboard built with Bootstrap 3+ Framework, HTML5, CSS3 and Sass. It has a huge collection of reusable UI components and integrated with latest jQuery plugins. It can be used for all type of web applications like custom admin panel, project management system, admin dashboard, Backend application or CRM.


arise

More Info & Demo

Afro

AFRO is a fully responsive dashboard admin built with the Bootstrap Framework. It has tons of features and ready-to-use UI elements, widgets, charts and pages which are Highly customizable and easy to use.


afro

More Info & Demo

Elephant

Elephant is a front-end template created to help you develop modern web applications, fast and in a professional manner. Built on top of Bootstrap, it includes a large collection of HTML, CSS, and JS components that is simple to use and easy to customise. The file structure in the Elephant is similar to the HTML5 Boilerplate file structure, where the intention is for developers not to have problems and not waste time by trying to decrypt the fantasy, which is brought to you when buying a new product.


elephant

More Info & Demo

Master

Master is a beautifully admin template. It is fully responsive theme built with Bootstrap 3.3.7, HTML and uses Sass CSS which makes it easy to modify.


master

More Info & Demo

Peak

Peak – Material design Bootstrap 4 admin template


peak

More Info & Demo

Nexus

Nexus is a professional, modern, complete and flexible Admin template that can be used to build all kind of projects: Web Applications, Backend Websites, Custom Admin Panels, Admin Dashboards, CMS, CRM or even a Portfolio, Blog, Business Website. I encourage you to have a good look at live preview and discover all the included features!


nexus

More Info & Demo

Trata

Trata admin is a responsive admin & dashboard theme.this theme is build and powered with Twitter bootstrap 3.3.6. It has tons of features and ready-to-use UI elements, widgets, charts and pages which are Highly customizable and easy to use.


trata

More Info & Demo

Fit2Go

Fit2Go – beautiful gym fitness admin template is a bootstrap based admin template crafted targeting gyms, fitness and wellness centers. It comes with two modules Admin and User/Subscriber. Admin section contains all pages required to manage a fitness center with beautiful UI. It contains 20+ pages where gym owners can check finances, members and manage courses, events, news, holidays etc.


fit2go

More Info & Demo

Meteor

Meteor – a responsive and multipurpose admin dashboard template, based on latest Twitter Bootstrap framework. It’s super flexible and user friendly, as it’s compatible with any device. We put a lot of time and effort to create such a template, with many kinds of different layout variations and yet 3 layers, as many others are coming soon for the next updates. They can be changed just by changing a line of code, so you haven’t to worry about choosing another one! This makes Meteor an easily customizable tool for anyone.


meteor

More Info & Demo

Neptune

Neptune is a full featured dashboard UI kit for web application development built with Bootstrap 4. Comes with lots of ready to use widgets and components.


neptune

More Info & Demo

Xadmino

Xadmino is a bootstrap based fully responsive admin template. It comes with lots of reusable and beautiful UI elements, widgets and features. It allows developer to easily build a super awesome web application.


xadmino

More Info & Demo

Ninja

Ninja Admin is a fully featured premium admin template built with Bootstrap 3.3.7, HTML5, CSS3 and jQuery, beautiful features ready to use.


ninja

More Info & Demo

Kenny

Kenny Admin is a WebApp template for admin dashboards and control panels. It is a responsive HTML template that is based on the CSS Sass framework Bootstrap 3.3.6 It utilizes all of the Bootstrap components in its design and re-styles many commonly used plugins to create a consistent design that can be used as a user interface for backend applications. Kenny Admin is based on a modular design, which allows it to be easily customized and built upon.


kenny

More Info & Demo

CoreNG

CoreNG is a Angular 2 theme built from the ground up with Angular CLI as your all in one build system and the Google backed Angular Material 2! We’ve put a lot of time into this theme, and we will continue to put in even more! When you buy this theme, you also get access to our private Git repository so you can follow along faster with updates, even contribute to the development of this theme.


coreng

More Info & Demo

Magna

The Magna is a premium Web Application Admin Dashboard built on top of MaterializeCSS Framework. It was created to be the most functional, clean and well designed template for any types of backend applications. We have carefully designed all common elements.


magna

More Info & Demo

Disclosure: Some of the links in this post may be “affiliate links.” This means if you click on the link and purchase an item, We will receive an affiliate commission

Continue reading 60+ Best HTML Admin & Dashboard Templates 2017

Remove Duplicates from JavaScript Array

Khi làm việc với mảng, chúng ta thường hay gặp vấn đề trùng dữ liệu, và không muốn chúng hiển thị ra bên ngoài. Khi đó phát sinh nhu cầu làm sao lọc lại dữ liệu đó, bỏ qua những dữ liệu bị trùng. Hướng dẫn sau đây sẽ giúp chúng ta thực hiện việc đó dễ dàng
Continue reading Remove Duplicates from JavaScript Array

Resize ảnh với HTML5 FileReader

Khi lập trình web, các vấn đề liên quan đến hình ảnh được sử dụng thường xuyên, ví dụ upload hình ảnh sản phẩm, banner, logo….

Từ đây nảy sinh vài vấn đề như: muốn thấy hình ảnh đại diện ngay khi chọn file. Resize hình ảnh để tiết kiệm dung lượng…. Trước khi HTML5 ra đời, chúng ta thường hay giải quyết mọi thứ trên server, tức là upload ảnh lên server, sau đó xử lý. VD: dùng ajax để upload ảnh lên server, sau đó trả về ảnh đại diện…. Điều này dẫn đến tốn thời gian xử lý cho máy chủ, hoặc file lớn, mạng chậm thì user phải chờ đợi rất lâu.

Thật may mắn khi HTML5 ra đời, nó giúp chúng ta cả 2 việc trên luôn. Đó là preview (xem trước) hình ảnh ngay khi vừa chọn xong, đồng thời resize ảnh luôn ngay trên trình duyệt. Sau đó chúng ta chỉ việc upload mã base64 này lên server, và convert lại thành hình ảnh là xong, hoặc lưu luôn base64 vào database cũng ok.

HTML sử dụng API FileReader, nó có thể đọc file ảnh, file txt, khá là thú vị.

Code chọn ảnh xong hiển thị ảnh đại diện

<input id="imageFile" name="imageFile" type="file" class="imageFile"  accept="image/*"   /> 
<br/>
<img src="" id="preview"  >

Code javascript

$(document).ready(function() {

    $('#imageFile').change(function(evt) {

        var files = evt.target.files;
        var file = files[0];

        if (file) {
            var reader = new FileReader();
            reader.onload = function(e) {
                document.getElementById('preview').src = e.target.result;
            };
            reader.readAsDataURL(file);
        }
    });
});

Các bạn chú ý, có sử dụng jQuery

Code resize hình ảnh

<input id="imageFile" name="imageFile" type="file" class="imageFile"  accept="image/*"   /> 
<input type="button" value="Resize Image"  onclick="ResizeImage()"/> 
<br/>
<img src="" id="preview"  >
<img src="" id="output">

Code javascript

function ResizeImage() {
    if (window.File && window.FileReader && window.FileList && window.Blob) {
        var filesToUploads = document.getElementById('imageFile').files;
        var file = filesToUploads[0];
        if (file) {

            var reader = new FileReader();
            // Set the image once loaded into file reader
            reader.onload = function(e) {

                var img = document.createElement("img");
                img.src = e.target.result;

                var canvas = document.createElement("canvas");
                var ctx = canvas.getContext("2d");
                ctx.drawImage(img, 0, 0);

                var MAX_WIDTH = 400;
                var MAX_HEIGHT = 400;
                var width = img.width;
                var height = img.height;

                if (width > height) {
                    if (width > MAX_WIDTH) {
                        height *= MAX_WIDTH / width;
                        width = MAX_WIDTH;
                    }
                } else {
                    if (height > MAX_HEIGHT) {
                        width *= MAX_HEIGHT / height;
                        height = MAX_HEIGHT;
                    }
                }
                canvas.width = width;
                canvas.height = height;
                var ctx = canvas.getContext("2d");
                ctx.drawImage(img, 0, 0, width, height);

                dataurl = canvas.toDataURL(file.type);
                document.getElementById('output').src = dataurl;
            }
            reader.readAsDataURL(file);

        }

    } else {
        alert('The File APIs are not fully supported in this browser.');
    }
}

See the Pen Resize Image with HTML5 File Reader by tuanitpro (@tuanitpro) on CodePen.


Chúc các bạn thành công.

CSDL tên Quốc gia, tỉnh thành phố thị xã quận huyện, xã phường Việt Nam

  • Thông tin 245quốc gia trên thế giới
  • Thông tin 64 tỉnh thành  phố Việt Nam
  • Thông tin 697 quận huyện / thị xã
  • Thông tin 11110 xã phường

Nguồn tài liệu tham khảo: cổng thông tin điện tử các tỉnh thành, quận huyện, từ điển bách khoa toàn thư điện tử Wikipedia.
Định dạng dữ liệu: bảng cơ sở dữ liệu SQL
Mục đích: chia sẻ giúp các bạn webmaster đang muốn lấy một nguồn thông tin chuẩn mực về tên các đơn vị hành chính cho các dự án website, cổng thông tin điện tử ….

Download

 

Chúc các bạn thành công

Bootstrap modal not working with Kendo DropdownList

When using bootstrap modal with Kendo Dropdownlist, it not working. DropdownList auto Close. How to fix it

;//
// Popup extension.
// Sets up kendo popups (used in all sorts of widgets) to check if the widget
// is being included in a bootstrap modal. If so, the popup should append to
// the modal instead of the page body.
//
// For the most part, popups work fine without this. However, DropdownList with
// a filter option does not. This is because the filter attempts to focus on
// filter input, which is outside the modal By default, Bootstrap modal will
// block this. It has an option to allow, but then it must be remembered to add
// everywhere.
//
// This allows filtered dropdownlists to 'just work'.
//
// http://www.telerik.com/forums/dropdownlist-closes-when-setting-filter-option
//
// See for alternate solutions:
// http://www.telerik.com/forums/dropdownlist-with-server-filtering-on-bootstrap-modal
// http://stackoverflow.com/a/28471072/246561
//
(function ($, kendo) {

    var
        _init = kendo.ui.Popup.fn.init;

    var Popup = kendo.ui.Popup.extend({
        init: function (element, options) {
            // Only set appendTo if nothing was manually set in the options.
            if (options.appendTo === undefined) {
                // Find the nearest parent bootstrap modal, if any.
                var parentModal = $(options.anchor).closest('.modal');

                // Found one!
                if (parentModal.length > 0) {
                    options.appendTo = parentModal[0];
                }
            }

            // Call the base constructor.
            _init.call(this, element, options);
        }
    });

    kendo.ui.plugin(Popup);
}(window.kendo.jQuery, window.kendo));

 

Đọc toàn bộ dữ liệu trong Google Apps script

Hướng dẫn sau giúp bạn đọc toàn bộ dữ liệu trong 1 file google sheet, bằng ngôn ngữ Google Apps script. Sau đó chưa chúng vào một mảng để sử dụng cho mục đích khác.  Trong ví dụ chỉ đọc những ô có chứa dữ liệu.

function getSupplierData(){  
                
      var codeApp = SpreadsheetApp.openById(googleSheetId);
      var sheet = codeApp.getSheetByName(sheetName);       
      var lastColumn = sheet.getLastColumn();
      var lastRow = sheet.getLastRow();
     
      var range = sheet.getRange(rowStart,1,lastRow,lastColumn);
      var data = range.getValues();
          
      var rows=[];
      for(var i in data){
          for(var j = 0; j<lastColumn; j++){
            if(data[i][j] !=='') {
               var item = {name: data[i][j]};         
               rows.push(item);
             }
         }        
      }
      Logger.log(rows);
     return rows;
}

 

Cách học lập trình ASP.NET MVC tốt nhất?

Bài viết được dịch từ trang web Danylkoweb

Cách học lập trình ASP.NET MVC tốt nhất là gì?
Cách học lập trình ASP.NET MVC tốt nhất là gì?

Gần đây tôi có tham dự một cuộc hội thảo CONDG hàng tháng và đã gặp một vài người có hứng thú trong việc học cách sử dụng ASP.NET MVC.

Thật trùng hợp, tôi cũng thấy có khá nhiều người trên mạng xã hội Quora hỏi về cách thức tốt nhất để học ASP.NET MVC. Ngoài việc thảo luận về cách tốt nhất để tìm hiểu nó, tôi cũng sẽ đưa ra những cách nhanh nhất để học lập trình ASP.NET MVC.

Học những kiến thức nền tảng trước

Nếu bạn là người chỉ mới bắt đầu làm quen với ASP.NET, thì bạn cần phải học VB.NET hoặc C# trước. Cả hai ngôn ngữ lập trình này là một phần của ASP.NET, do đó bạn cần phải quen thuộc với một (hoặc cả hai) ngôn ngữ.

Khi mới bắt đầu, tôi muốn giới thiệu tới bạn một cuốn sách C# của nhà xuất bản Apress có tên là Beginning C# Object-Oriented Programming của tác giả Dan Clark. Đây là một trong những cuốn sách có nội dung khá dễ hiểu dành cho người mới bắt đầu.

Nếu bạn là một người đã có kinh nghiệm lập trình trong (Java, C, C++, v.v…), thì tôi muốn giới thiệu tới bạn một cuốn sách khác từ Apress tên là Pro C# 5.0 and the .NET 4.5 Framework của tác giả Andrew Troelsen.

Bây giờ bạn biết mọi thứ về C#, lúc này bạn sẽ chuyển sang ASP.NET MVC.

Nếu bạn đang quan tâm đến cách làm thế nào để bắt đầu học Lập trình website với ASP.NET MVC thì tôi đang có Khóa học Lập trình ASP.NET MVC dành cho bạn đấy. Hình thức học linh hoạt, giúp bạn cách tiếp cận hoàn toàn khác biệt sách vở.

Bắt đầu tìm hiểu về ASP.NET MVC

Bạn có biết ASP.NET MVC là một nền tảng mã nguồn mở của Microsoft giúp cho công việc phát triển web của bạn trở nên dễ dàng hơn so với công nghệ trước đó của họ được gọi là WebForms. MVC là cụm từ viết tắt của Model-View-Controller. Đây là một pattern về kiến trúc phần mềm đã được hình thành từ những năm 1970 và 80.

Cách nhanh nhất để tìm hiểu một công nghệ mới là tìm hiểu sâu về cách mọi thứ hoạt động. Một cách để làm điều này đó là bạn hãy tải về và xem xét vòng đời của một ứng dụng web MVC. Đây là một tài liệu rất dễ hiểu và bổ ích. Tất cả mọi thứ được giải thích cho bạn qua những chi tiết cụ thể. Thậm chí tôi đã in nó ra và dán lên tường nơi bàn làm việc của mình.

Nếu bạn đang tìm kiếm một tài liệu để đọc, thì tôi muốn giới thiệu tới bạn cuốn sách có tên là Pro ASP.NET MVC 5 của tác giả Adam Freeman. Tôi đã thu được rất nhiều kiến thức cơ bản về lập trình ASP.NET MVC trong cuốn sách này và vẫn tham khảo lại khi cần.

Những khóa học lập trình trực tuyến

Nếu bạn đang tìm kiếm một khóa học lập trình trực tuyến chất lượng, thì một trong những trang web tôi yêu thích và thường hay lui tới là Pluralsight. Pluralsight có hơn 1.000 khóa học về tất cả mọi thứ từ lập trình web tới di động và ảo hóa. Bạn phải trả $30/tháng và tham gia các khóa học không giới hạn.

Về các khóa học ASP.NET MVC, tôi muốn giới thiệu tới bạn các khóa học Pluralsight sau đây:

  • ASP.NET MVC 5 Fundamentals – Scott Allen
  • Automated ASP.NET MVC Testing: End to End – Jason Roberts
  • Architecting Applications for the Real World in .NET – Cory House

Hầu hết các khóa học này có thời lượng từ 2 đến 3 giờ, bởi vậy bạn hãy dành đủ thời gian để hoàn thành các khóa học chất lượng này nhé!

Tạo ra một sản phẩm thú vị

Cuối cùng, hãy bắt đầu áp dụng kiến thức bạn đã học được bằng cách xây dựng một sản phẩm gì đó. Bạn đã học đến lúc này, tại sao lại không bắt đầu xây dựng một ứng dụng web? Dưới đây là một vài ý tưởng để giúp bạn bắt đầu:

  • Tạo ra một ứng dụng dạng To-do list (danh sách công việc phải làm)
  • Xây dựng một danh sách liên lạc (contact list)
  • Viết một blog nhỏ

Kết luận

Ưu điểm của phương pháp học này là bạn có thể áp dụng kiến thức đã học vào thực tế một cách nhanh chóng. Và bạn cũng có thể áp dụng cách học này cho những ngôn ngữ lập trình khác.

Viết code trong các ngôn ngữ lập trình khác sẽ trở nên ngày càng dễ dàng hơn cùng với kinh nghiệm mà bạn đã tạo ra cho chính mình.

Bạn có cách nào nhanh hơn để tìm hiểu về ASP.NET MVC? Hãy để lại ý kiến của mình trong phần bình luận phía dưới nhé!

Về tác giả bài viết:

hoc-lap-trinh-truc-tuyen-online-aspnet-mvc-tot-nhat-14012016-2Tác giả bài viết là Jonathan Danylko. Anh là người có trên 30 năm kinh nghiệm lập trình và hiện nay Jonathan đang tập trung vào lĩnh vực ASP.NET MVC Best Practices, Code Exorcisms (refactorings)…

 

Nguồn bài dịch: Techmaster.vn

SQL Server CONVERT() Function

Definition and Usage

The CONVERT() function is a general function that converts an expression of one data type to another.

The CONVERT() function can be used to display date/time data in different formats.

Syntax

CONVERT(data_type(length),expression,style)

 

Value Description
data_type(length) Specifies the target data type (with an optional length)
expression Specifies the value to be converted
style Specifies the output format for the date/time (see table below)

The style value can be one of the following values:

Without century With century Input/Output Standard
0 or 100 mon dd yyyy hh:miAM (or PM) Default
1 101 1 = mm/dd/yy
101 = mm/dd/yyyy
USA
2 102 2 = yy.mm.dd
102 = yyyy.mm.dd
ANSI
3 103 3 = dd/mm/yy
103 = dd/mm/yyyy
British/French
4 104 4 = dd.mm.yy
104 = dd.mm.yyyy
German
5 105 5 = dd-mm-yy
105 = dd-mm-yyyy
Italian
6 106 6 = dd mon yy
106 = dd mon yyyy
7 107 7 = Mon dd, yy
107 = Mon dd, yyyy
8 108 hh:mm:ss
9 or 109 mon dd yyyy hh:mi:ss:mmmAM (or PM) Default + millisec
10 110 10 = mm-dd-yy
110 = mm-dd-yyyy
USA
11 111 11 = yy/mm/dd
111 = yyyy/mm/dd
Japan
12 112 12 = yymmdd
112 = yyyymmdd
ISO
13 or 113 dd mon yyyy hh:mi:ss:mmm (24h) Europe default + millisec
14 114 hh:mi:ss:mmm (24h)
20 or 120 yyyy-mm-dd hh:mi:ss (24h) ODBC canonical
21 or 121 yyyy-mm-dd hh:mi:ss.mmm (24h) ODBC canonical (with milliseconds) default for time, date, datetime2, and datetimeoffset
126 yyyy-mm-ddThh:mi:ss.mmm (no spaces) ISO8601
127 yyyy-mm-ddThh:mi:ss.mmmZ (no spaces) ISO8601 with time zone Z
130 dd mon yyyy hh:mi:ss:mmmAM Hijiri
131 dd/mm/yy hh:mi:ss:mmmAM Hijiri

Example

The following script uses the CONVERT() function to display different formats. We will use the GETDATE() function to get the current date/time:

CONVERT(VARCHAR(19),GETDATE())
CONVERT(VARCHAR(10),GETDATE(),10)
CONVERT(VARCHAR(10),GETDATE(),110)
CONVERT(VARCHAR(11),GETDATE(),6)
CONVERT(VARCHAR(11),GETDATE(),106)
CONVERT(VARCHAR(24),GETDATE(),113)

The result would look something like this:

Nov 04 2014 11:45 PM
11-04-14
11-04-2014
04 Nov 14
04 Nov 2014
04 Nov 2014 11:45:34:243