Input [type=”text”] Busted

See the original posting on DZone Python

Inputs are sooo important in the user experience design and it’s crucial that their style is perfectly transferred from the design to the page. It’s no secret that for a presentation on a web page, you need CSS, but the tricky part is how to make it as good as possible.

Inputs have more variations, states, and other issues than any other element in HTML, so let’s cover everything one should know about the post input type text. Let’s bust the input!

PyCon 2018 Highlights

See the original posting on DZone Python

And yes, this is truncated because I left early, and missed some important things. I’m going to have to catch them on YouTube.

Of course, you’ll also need to see the keynotes.

Permissions on the Web Suck

See the original posting on DZone Python

I am a fan of progressive web apps and the powers that they bestow on web developers to build the next generation of applications. We can write web applications that work offline, download large files in the background, send push notifications, and much more. I was so excited about push notifications on the web that I wrote a whole talk about it in 2015 and was fortunate enough to give it in a bunch of places around the world.

But perhaps I was a little too prescient with that talk title, "The web is getting pushy." Web applications themselves are getting pushy and now I see tweets like this:

Build a Scalable Twitter Clone With Django and Stream

See the original posting on DZone Python

In this tutorial, we will build a Twitter clone using Django and Stream, a hosted API for newsfeed development.

By the end, you’ll see how easy is to power your newsfeeds with Stream. For brevity, we leave out some basic Django-specific code and recommend referring to the GitHub project for the complete runnable source code. At the end of this tutorial, we’ll have a Django app (with a profile feed), a timeline feed, and support for following users, hashtags, and mentions.

First Look: Angular Ivy

See the original posting on DZone Python

What is Angular Ivy? Learn how this new rendering engine for Angular works, how you can stay up to date as it develops and what it means to you.

If you’re in the Angular world, you may have been hearing this buzzword "Ivy" being tossed around. But what is Ivy? Is it a plant you want to avoid? A comic book villain? A group of colleges? Nope, not in this case. Ivy is Angular’s upcoming new rendering pipeline and view engine. Miško Hevery and Kara Erickson gave us a first look at Ivy in the ng-conf 2018 day 1 keynote. In this article, we’re going to take a look at what Ivy is, how it works, and how you can stay up to date on its progress.

Golang vs Node.js

See the original posting on DZone Python

Node.js vs Golang has been the theme of many internet wars. Going by the numbers, the end to this debate seems nowhere in sight. However, we decided to take the plunge and do a bit of research on it. To come up with a more accurate verdict on Node.js vs Golang, we read up a bit on it. So here goes.

No search on the internet can begin without a search on Quora. Here’s what we found; it points to how developers see Golang as an excellent replacement choice for Node.js. We have a completely unbiased view on this! Let’s try and make sense of what is happening and why developers, as well as businesses, are starting to choose Golang over the popular Node.js.

ASP.NET Core: Using Highcharts With Angular 5

See the original posting on DZone Python

In this article, we will create an online poll application using ASP.NET Core, Angular 5, and Entity Framework Core. Since this is the season of IPL in India, we will create an online poll for "Who is going to win IPL 2018?" The poll results will be displayed as a column chart, that is created using Highcharts.

We will use Visual Studio 2017 and SQL Server 2014.

How to Implement a Ruby Hash Like Grammar in Parslet, Part 2

See the original posting on DZone Python

Welcome back! If you missed Part 1, you can check it out here.

Transformers – Abstract Syntax Trees in Disguise

I mentioned transformers previously, but they’re such an abstract concept that it helps to look at an example. Think of them as a way to reduce leaf nodes on our tree so that they make more sense. One way to represent our current parse tree is this:

Setup Selenium Web Browser Automation Using ASP.NET Core and Docker

See the original posting on DZone Python

There exist many kinds of test: unit tests, integration tests, acceptance test, UI tests, etc.
For this tutorial, we will look at UI tests. This kind of test allows us to validate the IHM by launching the browser, clicking on elements, and verifying the result.

Using UI tests, we can validate the behavior of an application on many browsers: Chrome, Safari, Firefox, Internet Explorer, etc.

How to Implement a Ruby Hash Like Grammar in Parslet, Part 1

See the original posting on DZone Python

Before you can understand how to build a parser using parslet, you need to understand why you might want to. In my case, I have a library called rundoc, it allows anyone to write documentation that can be "run." For example, someone might write docs that had this:

```
:::>> $ rails -v
```

Then in your documentation output, you would get this result:

Declarative D3 Charts With React 16.3 [Text and Video]

See the original posting on DZone Python

The new React 16.3 brings some changes to the ecosystem that change how we go about integrating React and D3 to build data visualizations. I previously wrote about this in Declarative D3 transitions with React 16.3

componentWillReceiveProps, componentWillUpdate, and componentWillMount are on their way out. They were great for making React and D3 happy together, but they cause issues with async rendering that the React team is planning for React 17.

Traits of the .NET MVC Framework That Impress Developers

See the original posting on DZone Python

Developed by Microsoft, the .NET platform showed a promising future as a web development framework from the very start. But, as it was a paid platform, developers were hesitant to try it out.

So when, after several years, Microsoft finally made .NET an open source framework in November 2014, more and more developers started working on this platform, and more and more frameworks based on .NET were developed. Web development teams watched the demand for .NET development services rise and realized that was due to the .NET platform having the following benefits to offer:

What’s Your Favorite Backend Development Framework?

See the original posting on DZone Python

Web application development can focus on front-end development, which is the visual, user-side development. Programmers who follow this path work mainly with HTML, CSS, and JavaScript and are responsible for the application’s creation, design, and redesign. Some popular frameworks for JavaScript include Vue, React, and Angular.

Alternatively, programmers interested in server-side development work in backend development. They are mainly responsible for the functionality of the application. Developers who choose to pursue a career in backend development have a range of programming languages to choose from and even more frameworks for each language. Beginners may be overwhelmed with the variety of languages and their libraries. Unless they are expected to work with a specific language required by their company, they can make their own choice and decide which language and frameworks would be best for their taste and their specific projects.

A Tutorial on Git Merge

See the original posting on DZone Python

Isolating features into different branches is a crucial practice for any serious developer. By separating each feature, bugfix, or working experiment, you will avoid a lot of problems and keep your development branches clean.

At some point, a piece of code will reach a state where you’ll want to integrate it with the rest of the project. This is where the git merge command comes in.

Time-Saving Chrome DevTools Shortcuts

See the original posting on DZone Python

It is impossible to imagine modern web development without the use of Chrome DevTools. Thanks to a clean UI and continuous improvements to meet real-world needs, the tool has become the go-to live development environment that surpasses many contemporary IDEs in both functionality and performance.

But how productive are you with the DevTools in your daily development workflow? I’d like to share some of my favorite shortcuts that will help you master the tool.

1 2 3 4 111