Full Stack Node Development

See the original posting on DZone Python

Back in August, I had participated in Midwest JS located in Minneapolis, Minnesota. As you may know, I’m a huge fan of developing full stack applications with the JavaScript stack. This is exactly what I had presented on at the conference.

My session was well attended and many developers were taught how to use Node.js with Couchbase to develop a RESTful API and Angular as the client facing layer.

JavaScript Frontend Framework CLI Showdown

See the original posting on DZone Python

Many modern JavaScript frontend frameworks are complemented by a standalone Command Line Interface (CLI) program that assists with setting up a suitable development environment. Since many developers who work with Stream also use one or more of these frameworks, we like to stay up to date. We’re also happy to pass on what we’ve learned. This post offers both rookie and veteran developers a breakdown and comparison of the CLI programs available for Angular, React, and Vue.

The aim is to help new developers understand the benefits and tradeoffs associated with using a CLI tool as opposed to setting up the associated tooling from scratch. Experienced developers will appreciate a quick, yet thorough and independent comparison to refer to. This isn’t a benchmark and there isn’t a winner announced; as with most tools, it is a case of "horses for courses."

6 UX Designer Tools for Newbies and Experts

See the original posting on DZone Python

A UX designer must be well aware of the basics of User Experience. From wireframing to collaboration and design to final product launch, every aspect holds due importance. If you are a beginner, it can be quite challenging to get into the user experience.

You may know how important UX design is for the success of any mobile application or website. For this purpose, utilizing the right tools is the key to develop a UX design that stands out. With a huge collection of UX tools available, picking the right one is tough, especially if you are a newbie.

Dev-Centric API Pricing Is the Future

See the original posting on DZone Python

As folks who power real-time APIs, my team is always interested in broader trends in what is referred to as the "API Economy." In the last couple of years, we (and everyone else) have seen the proliferation of APIs skyrocket. ProgrammableWeb indexes over 18, 412 APIs. Even Walgreens has an API.

This has generally been a good thing for developers who want to build new technology. Instead of having to build your app from scratch, you can assemble distributed processes for everything from payments to messaging that are built and scaled by specialists, leaving you with more time to focus on your unique functionality. There are APIs and "as-a-services," for almost everything you can imagine – and this means developers are implementing more APIs in a single project than ever before.

How to Implement Swagger UI in .NET and .NET Core 2.0 Web APIs [Video]

See the original posting on DZone Python

Introduction

In this article, we will learn how to implement Swagger UI in .NET and .NET Core 2.0 Web APIs. Also, we will look into customizing Swagger UI in both of the above-mentioned frameworks.

High-Level Overview

Understanding the documentation always acts as an important part of API designing. It helps to easily understand service endpoints along with its implementation without actually looking into the code or logic written behind everything. Swagger helps in providing such detailed specification in a visualized manner of RESTful Web APIs

Grails Quickcast #8 – Grails React Profile [Video]

See the original posting on DZone Python

In this Quickcast, Zachary Klein, member of the OCI Grails team, shows how to use React profile. In particular, he shows how to create a single project build, which allows users to mix React code with common Grails view technologies, such as GSP. Moreover, he discusses the different Gradle tasks bundled with the profile and the typical workflow one may use while using the profile.

5 Reasons to Choose MEAN.JS Stack When Building Your Next Web Application

See the original posting on DZone Python

Web development is a fast-paced and diverse environment. It may be hard to navigate in such a variety of frameworks and technologies, and choosing the technology that suits you best may also prove to be challenging.

Having built dozens of successful web applications for startups and businesses worldwide, we at Eastern Peak know the ins and outs of every web development technology out there. In this article, we will shed some light on one of the most talked about stacks, MEAN.JS.

Common Uses for Node.js

See the original posting on DZone Python

Node.js uses an event-driven input-output (I/O) which makes it perfect for the implementation of real-time web applications. While Ruby on Rails was a server-side language that attempted to make the implementation of real-time applications a reality, Node.js actually is the server.

What makes Node.js more efficient than alternatives such as Apache is that it remains dormant when there are no connections. Apache, on the other hand, requires several idle servers to remain active to deal with new connections as they come. Since Node only activates a callback when new connections come in, server resources are saved.

ASP.NET Interview Questions: Tips for Hiring ASP.NET Developers

See the original posting on DZone Python

There are hundreds of questions you could ask to determine a job candidate’s fit for an ASP.NET related position. Characteristics of a good candidate include high comfort level, skill level, and an in-depth understanding of essential and advanced development concepts.

The interview questions below make a good primer for screening employees working in the .NET framework. That said, this list will just get you started. The best interview questions will grow from the specific job offer, ideally identified by those already working in that department and on related tasks.

Developing a Web Application Using Angular (Part 5)

See the original posting on DZone Python

In the previous four parts of this series, we started with a simple goal of creating a web application to view, create, update, and delete orders from our order management web service and ultimately constructed an Angular Single Page Application (SPA) that accomplished this goal. In Part 1, we developed a User Interface (UI) design and laid out our plan of action; in Part 2, we developed an architecture for our web application and implemented the resource layer; in Part 3, we implemented our service layer and solidified our abstraction of the order management web service; in Part 4, we tied the web application together by implementing the UI layer and bootstrapping the application to run in conjunction with the order management web service.

In the final part of this series, we will start both the order management web service and our newly developed web application and demonstrate some of the debugging and inspection tools that can be used to ensure that our application functions as intended. We will also explore some of the testing frameworks that can be used to automate our manual testing processes, as well as some additional features that are common among more complex web applications. Before we delve into these supplemental topics, though, we must start the web application and web service and ensure that our web application is functioning as intended.

Every UI Is a Conversation, Make it Thoughtful and Fun

See the original posting on DZone Python

With the proliferation of chatbots, there is a lot of attention towards conversational UIs. But every UI is a conversation – between your application and the user. As engineers, we tend to focus more on what our application needs and what we need from the user. That works, but if you want to make a good UI, you have to enter the user’s mind and focus on what they are trying to accomplish and create an experience that works for them. Like any good conversation, make it intuitive, thoughtful, and delightful.

Ten years ago, that was hard to do technically, but today, in the asynchronous world we live in, there is no excuse to be sloppy – there are many frameworks available to create thoughtful user interfaces. All we need is common sense and thoughtfulness.

Simplifying Content Projection in Angular

See the original posting on DZone Python

In Angular, content projection is used to project content in a component. Let’s take a closer look at how it works:

Content projection allows you to insert a shadow DOM in your component. To put it simply, if you want to insert HTML elements or other components in a component, then you do that using the concept of content projection. In Angular, you achieve content projection using < ng-content >< /ng-content >.  You can make reusable components and scalable applications by properly using content projection.

Teaching Kids JavaScript

See the original posting on DZone Python

Lots of kids are starting to learn to code these days, and I’m proud to join the movement to get even more kids coding. While Scratch is a popular starter language for younger kids, we’ve seen that when kids get to about 10-11, transitioning them to JavaScript is a great next step.

Developing a Web Application Using Angular (Part 4)

See the original posting on DZone Python

In the previous article, we moved one step closer to our working web application by building our service provider layer that acts as an abstraction of our order management web service. With this foundation set, we are ready to complete the last layer in our web application: the User Interface (UI) layer.

Implementing the UI Layer

The first step in implementing our UI layer is to reflect upon the UI design we created in Part 1. In this design, we created two main components: (1) an order list component and (2) a save order component. While the latter component is abstracted into a single component, we are actually designing it to perform two separate tasks: (1) create a new order and (2) edit an existing order. This double-duty derives from the fact that components for creating a new order and editing an existing order look identical, with a few important caveats:

Developing a Web Application Using Angular (Part 3)

See the original posting on DZone Python

In the previous article, we laid the foundation of our implementation by developing the resource layer, including automated unit tests that carefully exercised the functionality of our Order resource class. In this article, we will continue the implementation of our web application by creating the service layer that will interface with our order management web service. Along the way, we will explore the Dependency Injection (DI) and Hypertext Transfer Protocol (HTTP) functionality of Angular.

Implementing the Service Layer

The ultimate purpose of our service layer is to abstract the web service that manages our orders and to allow other components (namely the UI layer) to obtain Order resources and commit changes to these Orderresource objects. In order to accomplish this, we must understand the Representational State Transfer (REST) endpoints that the web service provides and how to interface with these endpoints. As designed in Creating a REST Web Service With Java and Spring (Part 1), our order management web service has the following endpoints:

Web Dev Roundup: Spring Is in the Air

See the original posting on DZone Python

Over the past few months, some of the most popular articles in our Web Dev Zone have been centered around creating web applications using Spring. So, the man of the people that I am, I decided to make this roundup all about Spring! Read on for some great tutorials, a link to the official Spring documentation, DZone publications about Spring, and a Spring-based job! 

Quick plug! If you’re interested in contributing to DZone, come check out our Bounty Board, where you can win prizes for writing articles on suggested topics. 

How to Rotate/Mirror Photos With Python

See the original posting on DZone Python

In our last article, we learned how to crop images with the Pillow package. For this article, we will learn how to rotate and mirror our images.

Developing a Web Application Using Angular (Part 2)

See the original posting on DZone Python

In the previous article, we explored the basic User Interface (UI) design for our web application and laid the foundation for our project by using the Angular Command Line Interface (CLI) to generate a skeleton project for us. In this article, we will develop an architecture for our web application and begin to implement the classes required to bring our web application from the abstract to the concrete.

Developing an Architecture

Much like the general architecture that we developed for the backend web service in Creating a REST Web Service with Java and Spring (Part 1), many web applications follow the same basic architecture. Starting from the components closest to the user, we have a UI that is the most direct interconnection with the end-user of the system. Between the UI and the web service we are interfacing with, we have a service layer that abstracts the interaction with the web service, encapsulating the Hypertext Transfer Protocol (HTTP) actions (such as GET, POST, etc.). Lastly, we have resources, which are produced by the web service and displayed by the UI layer.

Learning to Code: Where to Start?

See the original posting on DZone Python

Learning to code provides a great advantage, especially if you’re looking to improve your career prospects or building a start-up tech company. But for complete beginners, how do you know where to start? There are different types of coding languages and the first step to begin learning is to identify which one you need to learn first.

Each programming language has its own purpose. Choosing which language to master first depends on what you want to learn or what you want to do with the code.

Getting Started With ASP.NET Core MVC Apps Using VS Code

See the original posting on DZone Python

In this article, we will discuss how we can create a HelloWorld app with ASP.NET Core 2.0 using Visual Studio Code. We will learn how to create an ASP.NET Core MVC application, how to create a new Controller, how to create a new View, and how to run the HelloWorld app, etc.

Prerequisites

  • .NET Core 2.0 SDK
  • Visual Studio Code
  • VS Code C# extension

If you want to know how to install the new Visual Studio Code in the machine, you can see the easy steps of installation of Visual Studio Code article. Read it here:

1 2 3 85