Enhanced *ngIf and *ngFor in Angular Version 4.0.0

Ever wanted an “else" statement in *ngIf ? It’s finally here, together with some other nice improvements around dealing with Observables in templates. Let’s explore them here.
If..Then..Else
The ngIf directive gets a nice improvement in Angular version 4.0.0. It’s been the target of many critiques even in AngularJS (v1.x) because of the lack of an “else” clause. In order to simulate if-then-else blocks in Angular templates, we had to use two ngIf directives with opposed boolean conditions.

Link: https://dzone.com/articles/enhanced-ngif-and-ngfor-in-angular-version-400?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Pure CSS3 LavaLamp Menu

I think that you have already seen various animated menus with the LavaLamp effect (based on jQuery plugin). Today I would like to tell you how to repeat the same behavior only with CSS3 (without any JavaScript). I had to use CSS3 transitions in our menu (to animate elements). So, if you are ready, let’s start.
Here are samples and downloadable package:

Link: https://dzone.com/articles/pure-css3-lavalamp-menu-1?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

A Dirty Webpack Trick That Reduced Our gzipped Bundle Size by 55KB

At my day job, we’re using Webpack 2 to make our JavaScript as small as possible.
Bundle splitting ensures web apps get only the code they need, individual vendor files ensure caching stays as stable as possible, dead code elimination and tree shaking make our files small. Everything is minified and gzipped and cached forever. Fingerprinting ensures the code you download is never stale.

Link: https://dzone.com/articles/a-dirty-webpack-trick-that-reduced-our-gzipped-bun?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Top PHP Frameworks of 2017

PHP has gained far-reaching recognition and has become the world’s most versatile scripting language. Almost exclusively used in web development, it is easy to learn and implement. PHP frameworks are widely known as functional platforms that help developers to make complicated applications easily and quickly. However, given the plethora of frameworks out there, choosing the right framework is not always simple. It largely comes down to the individual developer and their preferred style of coding.
PHP developers opt for a particular framework because it offers a precise structure and organized workflow that is essential in all professional web development projects. In addition, the use of a framework ensures that the relevant standards of security and the best practices for coding, project implementation, and post-implementation maintenance are observed throughout the lifecycle of the project.

Link: https://dzone.com/articles/top-php-frameworks-of-2017?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Learn MVC Using Angular Wizard

Introduction
In this article, we will learn MVC using Angular Wizard and Datatable from the server side, and work with the stored procedure using Visual Studio 2015.
Why Use Wizard?
Wizard means the process is moved step-by-step. It allows you to logically divide the groups of data. That way, the user can enter valuable data.

Link: https://dzone.com/articles/learn-mvc-using-angular-wizard?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Pre-Render a Vue.js App (With Node Or Laravel)

Server-side rendering is all the rage right now. But it’s not without its downsides. Pre-rendering is an alternative approach that may even be better in some circumstances.

Note: this article was originally posted here on the Vue.js Developers blog on 2017/04/01

Server-Side Rendering
One of the downsides to JavaScript-based apps is that the browser receives an essentially empty page from the server. The DOM cannot be built until the JavaScript has been downloaded and run.

Link: https://dzone.com/articles/pre-render-a-vuejs-app-with-node-or-laravel?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Livecoding Recap: React-Navigation With React Native [Video]

I channeled my inner Darth Vader yet again. I still don’t know why my sound is garbled on YouTube but works on LiveEdu. They’re both using the same stream.
This week, I wanted to try out react-navigation because I’ve heard a lot about it. Supposed to be the big new (official) thing since Navigator was deprecated in April.

Link: https://dzone.com/articles/livecoding-recap-react-navigation-with-react-nativ?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Meditations on Writing a Queue, Part 2

Queue Pop
Now that we have data in our queue, we need a way to get data out of it. Introducing tiny_queue_pop
void *tiny_queue_pop(tiny_queue_t *queue) {
pthread_mutex_lock(&queue->mutex);
while(queue->head == NULL) { // block if buffer is empty
pthread_cond_wait(&queue->wakeup, &queue->mutex);
}

struct tiny_linked_list_t* current_head = queue->head;
void *data = current_head->data;
if(queue->head == queue->tail) {
queue->head = queue->tail = NULL;
}
else {
queue->head = queue->head->next;
}
free(current_head);
pthread_mutex_unlock(&queue->mutex);

return data;
}
This function takes a tiny_queue_t pointer as an argument and returns an untyped pointer (void *).

Link: https://dzone.com/articles/meditations-on-writing-a-queue-part-2?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev