DZone
Thanks for visiting DZone today,
Edit Profile
  • Manage Email Subscriptions
  • How to Post to DZone
  • Article Submission Guidelines
Sign Out View Profile
  • Post an Article
  • Manage My Drafts
Newsletter
Log In / Join
Refcards Trend Reports
Events Video Library
Refcards
Trend Reports

Events

View Events Video Library

The Latest JavaScript Topics

article thumbnail
Detox: Superfast E2E React Native UI Testing
In this post, we create a simple React Native app that we then test using the open source Detox testing framework.
May 31, 2019
by Shashikant Jagtap
· 17,699 Views · 2 Likes
article thumbnail
Validating Arguments in JavaScript Like a Boss
In this post, a senior dev shows how to use an open source library he created to simplify argument validation in JavaScript.
May 28, 2019
by Dmitry Sheiko
· 20,073 Views · 2 Likes
article thumbnail
Format Data Into GeoJSON With JavaScript to Be Used With HERE XYZ
In this tutorial, we're going to see how to take ordinary location data and parse it into GeoJSON using JavaScript.
May 23, 2019
by Nic Raboy
· 9,484 Views · 2 Likes
article thumbnail
Knowledge Graphs Are the New Black. The Year of the Graph Newsletter: May 2019
This news article gives a lot of information on knowledge graphs.
Updated May 22, 2019
by George Anadiotis
· 17,559 Views · 5 Likes
article thumbnail
React Lifecycle Hooks, Part 1
In this post, we go over the basics of lifecycle hooks in React and demonstrate how to use them in your JavaScript code.
May 22, 2019
by Souradip Panja
· 15,838 Views · 7 Likes
article thumbnail
Building Data Visualizations With Angular and Ngx-charts
In this post, we learn how to make interesting data visualizations with Angular in order to report the findings of our data analysis work.
May 21, 2019
by Swathi Prasad
· 48,878 Views · 2 Likes
article thumbnail
Angular Timer (Auto Refresh Component)
Learn how to set your Angular code to fire after a set amount of time has passed.
Updated May 21, 2019
by Muhammad Adil Malik
· 111,044 Views · 8 Likes
article thumbnail
Multicasting Observables Using RxJS Subjects in Angular
We take a look at how to make two components in an Angular application talk to each other using RxJS.
Updated May 21, 2019
by Sabya Sachi
· 34,661 Views · 3 Likes
article thumbnail
Java 8 Comparator: How to Sort a List
Want to sort your Lists? Look no further. Check out the variety of ways you can get your Lists just the way you want them.
Updated May 20, 2019
by Mario Pio Gioiosa
· 591,491 Views · 67 Likes
article thumbnail
C# Developer's Guide to React.js (Part 1): Create and Run
A guide to React for someone that understands programming, but doesn't know anything about working with React.js.
May 17, 2019
by Paul Michaels
· 24,413 Views · 3 Likes
article thumbnail
Integrating Spring Boot and React With Spring Security: Basic and JWT Authentication
Look at this in-depth tutorial on how to integrate Spring Boot and React with Spring security.
Updated May 16, 2019
by Ranga Rao Karanam
· 118,711 Views · 4 Likes
article thumbnail
Two Ways to Join String in Java 8: StringJoiner and String.join Examples
You can finally join the String in Java 8 without using a third-party library!
May 15, 2019
by Javin Paul
· 47,741 Views · 21 Likes
article thumbnail
Working With ArrayDataProviders Using JavaScript Functions in Visual Builder
Learn how to add additional processing/updates on all the records you're storing in an ADP.
May 14, 2019
by Shay Shmeltzer
· 15,154 Views · 1 Like
article thumbnail
Getting Started With App Shell Using Angular 7
We look at how to add an app shell an Angular web application and the added performance this brings to the app.
May 14, 2019
by Swathi Prasad
· 13,461 Views · 2 Likes
article thumbnail
An Intro to StaticBox and StaticBoxSizers
In this quick tutorial, a Python expert walks us through creating simple Graphical User Interfaces using the wxPython GUI toolkit.
Updated May 13, 2019
by Mike Driscoll
· 6,221 Views · 1 Like
article thumbnail
How to Build a TCP Application With Node.js on ECS
Learn how to create a working TCP application which accepts TCP client connections, listens for data on them, and echoes it back to the client.
May 10, 2019
by Leona Zhang
· 18,109 Views · 1 Like
article thumbnail
An Angular PWA From Front-End to Backend: Creating a Login Process
Learn how to make an Angular PWA that uses Spring Boot on the backend that can handle login processes.
May 8, 2019
by Sven Loesekann
· 12,422 Views · 6 Likes
article thumbnail
Introduction to Angular Grid
In this post, we look at how to at ag-Grid to Angular applications, going over all the code and commands you'll need.
May 7, 2019
by Swathi Prasad
· 18,059 Views · 5 Likes
article thumbnail
Comparison of Five JavaScript Rich Text Editors
Looking around for a rich text editor to incorporate into a project (perhaps a blog)? In this post, we review some of the best options out there.
May 7, 2019
by Ivan Petrenko
· 15,064 Views · 3 Likes
article thumbnail
Angular Application : Spring Data-ldap part-3
Having created the Spring rest service in the previous two blogs, it is time to look at the angular based application that will be interacting with those end points. I prefer using angular-cli to create and add features to my application, it is an easy and reliable way of adding stub code which is easier to manage and traverse. ng : Angular CLI A simple definition from the angular.io website The Angular CLI is a command-line interface tool that you use to initialize, develop, scaffold, and maintain Angular applications. You can use the tool directly in a command shell, or indirectly through an interactive UI such as Angular Console. In this blog I will try to provide quick insights into how one can use Angular CLI and some basic introduction of its commonly used commands, as we work towards creating our example application to consume the Sprint Data-LDAP rest endpoints. The first step in the journey is to install angular cli. Please note, I am not going to cover angular basics, or node and npm and will assume you have some prior exposure to these technologies. How to install @angular/cli You can open a terminal and issue a simple command to install the angular cli as in shown in the image below. npm install -g @angular/cli To validate you can issue a command as under on the terminal ng -v ng --version On the day I am writing this blog the version that I am using is 7.3.8. Options The --help option can help you explore the options for any of the commands. In the image below you can see all the options available that we can use along with new. The information is available with a brief ddescription to what purpose it serves. If you issue just ng on the terminal you can see the commands that you can use and can explore further by using the --help option. Node & NPM The Node and NPM version information for my sytem is samarthyas$ node -v && npm -v v10.4.1 6.4.1 Creating a New app Time to get started for creating a new application that I will use for my Spring data-ldap integration. ng create --help Provides with all the information required to launch a new application. Let's create the boiler plate code using the new option ng new samarthya -d Option: --dry-run (-d) I have used an option -d for dry run which lists the file that it will create without actually creating them on the disk. I often use this option to see the number of files that it will create and the folder structure, if applicable. You can also see the NOTE at the end pointing to the information - no changes were made. Option: --skip-install Skip install allows you skip npm install that is executed after the files are created, I seldom use it, but is a good option to reduce the development time. After I verified, the list of files that it will create, time for executing the command without the flag. The last step of the command is executing the npm install that pulls in all the dependencies required to launch test and debug the application. You can open the folder in any preferred code editor, I use VS code and is my go to option for any Angular related development and validate the folder structure. From the angular documentation Folder and files PURPOSE app/ Contains the component files in which your app logic and data are defined. See details in App source folder below. assets/ Contains image files and other asset files to be copied as-is when you build your application. environments/ Contains build configuration options for particular target environments. By default there is an unnamed standard development environment and a production ("prod") environment. You can define additional target environment configurations. browserslist Configures sharing of target browsers and Node.js versions among various front-end tools. See Browserslist on GitHub for more information. favicon.ico An icon to use for this app in the bookmark bar. index.html The main HTML page that is served when someone visits your site. The CLI automatically adds all JavaScript and CSS files when building your app, so you typically don't need to add any
May 7, 2019
by Saurabh Sharma
· 3,650 Views · 3 Likes
  • Previous
  • ...
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • ...
  • Next
  • RSS
  • X
  • Facebook

ABOUT US

  • About DZone
  • Support and feedback
  • Community research

ADVERTISE

  • Advertise with DZone

CONTRIBUTE ON DZONE

  • Article Submission Guidelines
  • Become a Contributor
  • Core Program
  • Visit the Writers' Zone

LEGAL

  • Terms of Service
  • Privacy Policy

CONTACT US

  • 3343 Perimeter Hill Drive
  • Suite 215
  • Nashville, TN 37211
  • [email protected]

Let's be friends:

  • RSS
  • X
  • Facebook
×