Tech Junkie Blog: ASP.NET Core : Add jQuery, Bootstrap, AngularJS Using bower.json

#ASPNETCore  : Add #jQuery , #Bootstrap , #AngularJS Using bower.json


@techjunkiejh: #ASPNETCore : Add #jQuery , #Bootstrap , #AngularJS Using bower.json

Tech Junkie Blog: ASP.NET Core : Add jQuery, Bootstrap, AngularJS Using bower.json

Toggle navigation Tech Junkie Blog

.NET ASP.NET

Entity Framework

ADO.NET

Visual Studio

C#

ASP.NET MVC

Quickstart ASP.NET MVC

Client-Side JavaScript

AJAX

JQuery

JSON

Database Database Home

SQL

SQL Server

T-SQL

Stored Procedures

Infrastructure Linux

Web Design HTML5

CSS

Bootstrap

Graphics Design

Wednesday, July 13, 2016

ASP.NET Core : Add jQuery, Bootstrap, AngularJS Using bower.json

In this blog post we are going to add the jQuery, AngularJS, and bootstrap libraries to our ASP.NET Core application.  Normally we will use NuGet to bring in these libraries but ASP.NET Core gives you the option to use bower to configure the dependencies that you will need on the client-side.

Here are the steps to import the client-side dependencies into our project:

1. First let’s make bower.json part of the “NorthwindCafe.Web” project, click on the “Show All Files” icon in solution explorer, then right click on the bower.json file, and then choose “Show in Solution Explorer”

2.  Open the bower.json file the markup should look like this

{ “name”: “asp.net”, “private”: true, “dependencies”: { } }

3. Change the markup to look like the following

{ “name”: “asp.net”, “private”: true, “dependencies”: { “bootstrap”: “3.3.6”, “angular”: “~1.6.2”, “jquery”: “2.2.3” } }

4. Save the bower.json file, once the file is saved a folder called “lib” will be created and will contain the bootstrap and AngularJS libraries

ASP.NET Core Posts:

How To Create An ASP.NET Core Application From Scratch

ASP.NET Core : Add jQuery, Bootstrap, AngularJS Using bower.json

Enable ASP.NET Core to Serve Static Files

Enable MVC On ASP.NET Core Application

ASP.NET Core : Create Our First Controller and View  

ASP.NET Core : Adding The Default View With _ViewStart.cshtml

ASP.NET Core : Create A Responsive Layout With Bootstrap

ASP.NET Core : Adding Font-Awesome For Northwind Cafe Navigation Icons

ASP.NET Core : Add .json Configuration Files With Microsoft.Extensions.Configuration Library

ASP.NET Core : Entity Framework Core Models For Northwind Cafe

ASP.NET Core : Create The NothwindContext ( EntityFrameworkCore )

ASP.NET Core : Configure project.json File To Support Entity Framework Core

ASP.NET Core : Add NorthwindContext To Startup Class And Create Database

No comments:

Post a Comment

Newer Post Older Post Home

Subscribe to: Post Comments (Atom)

Search This Blog

Follow @techjunkiejh Follow by Email

Translate

Popular Topics

DATA (67) ASPNET (51) SQL Server (44) Javascript (34) SQL (33) ASP.NET MVC (24) ADO.NET (21) Linux (20) JQuery (18) Virtualization (18) C# (16) ASP.NET Core (13) ASP.NET MVC 5 (13) Web Development (12) T-SQL (11) Ubuntu (11) Bootstrap (10) Stored Procedures (10) Entity Framework (9) Oracle (9) HTML5 (8) CentOS (7) Container (7) Database (7) Docker (7) CSS (6) Infrastructure (6) NuGet (6) AngularJS (5) Blogger (5) Blogging (5) JSON (5) Node.js (5) Bower.js (4) Entity Framework Core (4) SPA (4) Visual Studio (4) AJAX (3) Computer Programming (3) Design Pattern (3) GIMP (3) Graphics Design (3) MVC (3) Web Design (3) ASP.NET MVC 4 (2) Errors (2) Fedora (2) Server (2) Source Control (2) Telerik (2) VirtualBox (2) angular-seed (2) git (2) Big Data (1) Collections (1) Compatibility (1) Google Blogger (1) Hadoop (1) KnockoutJS (1) LINQ (1) Mobile-First (1) Open Source (1) Prototype (1) Responsive (1) Unix (1) View (1) Web Forms (1) XML (1) cshtml (1) font-awesome (1) log4net (1)

Popular Posts

ASP.NET MVC 5 From Scratch : Create an ASP.NET MVC 5 Empty Project

A lot of people think that you can only create one kind of ASP.NET MVC 5 project, the one with the sample application.  But the reality is t…

AngularJS SPA Pt 1 : Setting Up Angular-Seed

angular-seed is an AngularJS application skeleton template.  An application skeleton let’s gives you a boiler plate template so that you…

AngularJS SPA Pt 2 : Preparing Angular-Seed For The Shopping List Application

The previous blog we setup the Angular-Seed boilerplate template for our SPA application.  In this blog we are going to prepare the Angular…

Installing The Northwind Sample Database From Microsoft

The Northwind sample database is probably the most mention sample database of all time.  Most of the tutorials on the web uses the Northwind…

ASP.NET MVC 5 From Scratch : Adding BundleConfig

In our previous blog we’ve added a _ViewStart.cshtml layout to our project, which is the default layout for our pages if no layout is sp…

AngularJS SPA Pt 3 : Refactor Code to Not Use Global Variables (Shopping List App)

In the previous blog we got Angular-Seed to work with a module and a controller.  However, we put everything in the global scope.  The prob…

ASP.NET Core : Add jQuery, Bootstrap, AngularJS Using bower.json

In this blog post we are going to add the jQuery, AngularJS, and bootstrap libraries to our ASP.NET Core application.  Normally we will use …

Hadoop Part 1: Install Hortonworks HDP Sandbox

In this blog I am going to show you how to install the Hortonworks  Hadoop virtual machine on your local machine using Oracle’s VirtualB…

Node.js : Setting Up Node.js “Hello World” Node.js

So according to Node.js’s official website http://www.nodejs.org , NodeJs is “a platform built on Chrome’s JavaScript runtime for easi…

Installing AdventureWorks Sample Databases from Microsoft

1. Type in the following URL into your browser’s address bar       http://msftdbprodsamples.codeplex.com/ 2.  Click on the “Dow…

Blog Archive

▼  2016 (71) ►  August (6)

▼  July (17) Docker : Adding Non Root Users To The Docker Group…

ASP.NET Core : Create A Responsive Layout With Boo…

Docker : Command to See What Containers Are Runnin…

Docker : Pull The Latest CentOS Image Into A Ubunt…

Docker : Pull The Latest Fedora Image Into A Ubunt…

Docker : Adding Non Root Users To The Docker Group…

ASP.NET Core : Adding The Default View With _ViewS…

Docker : Adding Docker Repository Key and Updating…

Installing Docker On CentOS

Installing Docker On Ubuntu Server

ASP.NET Core : Create Our First Controller and Vie…

Blogger Template : Display Blog Posts With Just 3…

Blogger Template From Scratch : Create An Empty Te…

Enable MVC On ASP.NET Core Application

Enable ASP.NET Core to Serve Static Files

ASP.NET Core : Add jQuery, Bootstrap, AngularJS Us…

How To Create An ASP.NET Core Application From Sc…

►  June (48)

►  2015 (75) ►  July (2)

►  June (4)

►  May (2)

►  April (15)

►  March (27)

►  February (25)

►  2014 (22) ►  October (2)

►  August (3)

►  July (16)

►  January (1)

►  2013 (11) ►  October (1)

►  September (8)

►  August (1)

►  July (1)

Tech Junkie Blog: ASP.NET Core : Add jQuery, Bootstrap, AngularJS Using bower.json