How To Prevent Common WordPress Theme Mistakes
How To Prevent Common WordPress Theme Mistakes
When you stop trying to over-optimize, you should notice considerably fewer variables in your template files. I recommend that you take that idea a step further and try to avoid variables in template files in general. Not because you should avoid variables themselves, but because of what they’re a symptom of in template files — logic.
While some logic will always be necessary, you can improve the readability of your template files significantly by removing as much as you can.
Here is a simple example.
<?php $logo_url = false; $thumbnail_url = wp_get_attachment_image_src( get_theme_mod( 'hypthetical_theme_logo' ), 'full' ); if( $thumbnail_url ) { $logo_url = $thumbnail_url[0]; } ?> <?php if( $logo_url ): ?> <a href="<?php echo esc_url( home_url() ); ?>" title="<?php bloginfo( 'name' ); ?>" class="custom-logo"> <img src="<?php echo $logo_url; ?>" /> </a> <?php endif; ?>
... read the whole story at www.smashingmagazine.com.Angular vs. React vs. Vue: A 2017 comparison
Angular vs. React vs. Vue: A 2017 comparison – unicorn.supplies – Medium
Deciding on a JavaScript framework for your web application can be overwhelming. Angular and React are very popular these days, and there is an upstart which has been getting a lot of traction lately: VueJS. What’s more, these are just a few of the new kids on the block.
First, I’d like to discuss lifecycle & strategic considerations. Then, we’ll move to the features & concepts of the three javascript frameworks. Finally, we’ll come to a conclusion.
Here are the questions we’ll address today:
- How mature are the frameworks / libraries?
- Are the frameworks likely to be around for a while?
- How extensive and helpful are their corresponding communities
UI Test Automation Frameworks Showdown: TestCafé versus Nightwatch.js
UI Test Automation Frameworks Showdown: TestCafé versus Nightwatch.js
By Christine Zierold, Freelance QA Engineer
Want to learn a little more about TestCafé and Nightwatch.js? Christine Zierold compares and contrasts the two UI Test Automation frameworks to help explain the benefits and drawbacks of each.
What is TestCafé?
TestCafé is an end-to-end testing framework, written in JavaScript (JS) or Typescript. It does not leverage Selenium like most other test automation frameworks but instead utilizes a URL-rewriting proxy. TestCafé imitates user activity through the injected driver script by the proxy.
What is Nightwatch.js?
Nightwatch.js is also an end-to-end testing framework based on
... read the whole story at www.pqatesting.com.Bulma: CSS framework you should consider in 2018
Bulma: CSS framework you should consider in 2018 • matwrites.com
In the world dominated by Bootstrap, surrounded by Semantic UI and Foundation, it’s hard for alternatives to break through.
However the mentioned trio is well known, mature and exist on the market for quite long now, they’re all relatively heavy and they all require deep understanding of the core, while doing customisations (have you ever done custom dropdowns in Semantic??!).
There comes Bulma. Beautiful, lightweight and stylish CSS framework made by Jeremy Thomas. If you haven’t done it already – I encourage you to visit his website – the site just lives in the browser! It’s super-interactive, beautiful and it’s
... read the whole story at matwrites.com.2018 Developer Skills Report by HackerRank
2018 Developer Skills Report by HackerRank
462
100+
30
474
details
Share on
Facebook,
Twitter or
Google+
Learning & Education
1 in 4 developers started coding before they could driveIt’s never too early — or too late! — to start coding. Of the roughly 39,000 developers surveyed across all professional levels, more than a quarter of developers wrote their first piece of code before they were 16 years old.
Meanwhile, of all the developers who started coding after the age of 26, 36% are now senior or even higher-level developers, growing quickly in their careers.
When did you start coding?
Learning & Education
The PC revolution sparked a unique ambition among ‘70s kidsUnlike generations thereafter, if kids of the seventies wanted to see innovative technology, they’d have to build it themselves — they had no other choice. There were no widespread resources to teach them how to build software. Almost half of all developers (47%) between the ages of 45 and 54 started coding before they were 16 years old. Meanwhile, developers between 18 and 24 today are the least likely to have started coding before 16 (only 20%).
Some very interesting data in the 2018 Developer Skills Report: ...
2018 Developer Skills Report by HackerRank
Learning & Education
1 in 4 developers started coding before they could driveIt’s never too early — or too late! — to start coding. Of the roughly 39,000 developers surveyed across all professional levels, more than a quarter of developers wrote their first piece of code before they were 16 years old.
Meanwhile, of all the developers who started coding after the age of 26, 36% are now senior or even higher-level developers, growing quickly in their careers.
When did you start coding?
Learning & Education
The PC revolution sparked a unique ambition among ‘70s kidsUnlike generations thereafter, if kids of the seventies wanted to see innovative technology, they’d have to build it themselves — they had no other choice. There were no widespread resources to teach them how to build software. Almost half of all developers (47%) between the ages of 45 and 54 started coding before they were 16 years old. Meanwhile, developers between 18 and 24 today are the least likely to have started coding before 16 (only 20%).
The Ultimate Guide to JavaScript Frameworks
The Ultimate Guide to JavaScript Frameworks
433
100+
28
1
451
details
Share on
Facebook,
Twitter or
Google+
Updated Jan. 21st, 2018: Added AppRun and dva.
Keeping up with JavaScript frameworks can be a challenge. There are a lot of them, and seemingly another one every month. How do you know which ones might be right for your project? What are their strengths and weaknesses? How do you get started?
That’s where this guide comes in. It’s a living document that is a reference for all known front end JavaScript frameworks (archived or deprecated projects are not included). In this case, the term “frameworks” is being used in a broad sense. It includes user interface (UI) libraries like React, as well as full frameworks like Angular.
... read the whole story at javascriptreport.com.Release of Speedometer 2.0: A Benchmark for Modern Web App Responsiveness
Speedometer 2.0: A Benchmark for Modern Web App Responsiveness
In 2014, the WebKit team at Apple released Speedometer 1.0, a benchmark for web app responsiveness. It simulates user interactions in web applications, using TodoMVC to orchestrate adding, completing, and removing todo items. Speedometer repeats these actions using DOM APIs that were extensively used in real-world applications. The performance of these kinds of operations depends on the speed of the JavaScript engine, DOM APIs, layout, CSS style resolution and other parts of the browser engine.
Browser engineers have been optimizing their engines using Speedometer as a proxy for real-world use of popular frameworks for a number of years. Originally, Speedometer included implementations of todo apps in six popular JavaScript frameworks and libraries in heavy use: Ember, Backbone, AngularJS, jQuery, Flight, and an early version of React. It also included vanilla JavaScript.
... read the whole story at webkit.org.The Brutal Lifecycle of JavaScript Frameworks
The Brutal Lifecycle of JavaScript Frameworks
JavaScript UI frameworks and libraries work in cycles. Every six months or so, a new one pops up, claiming that it has revolutionized UI development. Thousands of developers adopt it into their new projects, blog posts are written, Stack Overflow questions are asked and answered, and then a newer (and even more revolutionary) framework pops up to usurp the throne.
Using the Stack Overflow Trends tool and some of our internal traffic data, we decided to take a look at some of the more prominent UI frameworks: Angular, React, Vue.js, Backbone, Knockout, and Ember.
Framework lifecycleStack Overflow Trends lets us examine how each of these technologies has been asked about over time. We can start by looking at some of the larger frameworks.
... read the whole story at stackoverflow.blog.Which JavaScript Frameworks Are the Fastest?
Which JavaScript Frameworks Are the Fastest?
Web performance is a big and complex topic. In this post we’ll narrow it down to a discussion of front end JavaScript frameworks and how using one versus another might impact the performance of your app. In particular, we’ll be looking at two things: (1) how long it takes a framework to update the user interface, and (2) the time required to download and parse the package(s) required for the framework to be functional.
My go-to resource for this data over the last couple years has been the js-framework-benchmark by Stefan Krause. It’s good, but also kind of complicated. It’s easier to look at a subset of the results, and that’s what we’ll be doing in this article. I encourage you to check out the tool Stefan has built and dig into more of the data on your own, particularly if your favorite framework is missing from the graphics below. It may be available on Stefan’s site (he tests 40+ frameworks).
... read the whole story at javascriptreport.com.Sapper: A New Next.js-Style Webapp Framework from Svelte
Sapper: Towards the ideal web app framework
Taking the next-plus-one step
If you had to list the characteristics of the perfect Node.js web application framework, you'd probably come up with something like this:
Next.js is close to this ideal. If you haven't encountered it yet, I strongly recommend going through the tutorials at learnnextjs.com. Next introduced a brilliant idea: all the pages of your app are files in a your-project/pages
directory, and each of those files is just a React component.
Everything else flows from that breakthrough design decision. Finding the code responsible for a given page is easy, because you can just look at the filesystem rather than playing 'guess the component name'. Project structure bikeshedding is a thing of the past. And the combination of SSR (server-side rendering) and code-splitting — something the React Router team
... read the whole story at svelte.technology.Community Curated Programming Resources
Find the best online programming courses & tutorials
4039
57
10
33
572
details
Share on
Facebook,
Twitter or
Google+
Framework/Library:
ALB Alexa Skills Kit Amazon Cognito Android 7 — Nougat Android Development Android O Angular Angular 2 Angular 4 Angular 5 AngularJS Ansible Ansible 1.x Ansible 2.x Apache Spark Apollo Arduino ARKit Artificial Intelligence ASP.NET ASP.NET Core ASP.NET MVC 5 Assembly Language AWK AWS AWS Certification Backbone.js Bash BigQuery Bigtable Bootstrap Bootstrap 3 Bootstrap 4 C C# C++ CakePHP CakePHP 1.x CakePHP 2.x CakePHP 3.x Cassandra Chef Clojure COBOL CodeIgniter CoffeeScript CoffeeScript 1.x CoffeeScript 2.x CompTIA A+ CompTIA Certification CompTIA Network+
Hype Driven Development
Hype Driven Development – Daftcode Blog
9569
7
27
6
1409
details
Share on
Facebook,
Twitter or
Google+
Software development teams often make decisions about software architecture or technological stack based on inaccurate opinions, social media, and in general on what is considered to be “hot”, rather than solid research and any serious consideration of expected impact on their projects. I call this trend Hype Driven Development, perceive it harmful and advocate for a more professional approach I call “Solid Software Engineering”. Learn more about how it works and find out what you can do instead.
Have you seen it? A team picking newest, hottest technology to apply in the project. Someone reads a blog post, it’s trending on Twitter and we just came back from a conference where there was a great talk about it. Soon after, the team starts using this new shiny technology (or software architecture design paradigm), but instead of going faster (as promised) and building a better product they get into trouble. They slow down, get demotivated, have problems delivering next working version to production. Some teams even keep fixing bugs instead of delivering new features. They need ‘just a few more days’ to sort it all out.
... read the whole story at blog.daftcode.pl.How Is React Different from Vue
How Is React Different from Vue?
45
100+
114
1
122
details
Share on
Facebook,
Twitter or
Google+
Recently I published an article about the usage of top front end JavaScript frameworks. The two things that stood out were the dominance of React and the explosive growth of Vue. If current trends continue, it seems likely that by this time next year, Vue will have overtaken Angular as the second most used library or framework.
I've been using React for the last three years building websites for a client services company. Most of the time, the client comes to us specifying that they want to use React. However, it seems only a matter of time before Vue is a bigger part of those discussions. What follows is my first pass at better understanding the differences between these two libraries so I can give better advice to our clients.
... read the whole story at javascriptreport.com.Web Frameworks: Conclusions
Web Frameworks: Conclusions - Blog
204
100+
7
322
details
Share on
Facebook,
Twitter or
Google+
It has come time to read the liner notes and write some conclusions. When we started writing this blog series, we knew that JavaScript/web application frameworks were not easy to summarize. We have tried to answer the unanswerable: What framework should I use?
In this post we are going to draw some conclusions about each framework considered in this series, including what we think are their strengths and weaknesses. In addition, we will give you some parting thoughts to consider.
This is part of a series on web frameworks. If you’ve missed our previous posts, you may want to start with If we chose our JavaScript framework like we choose our music…
... read the whole story at www.sitepen.com.Netflix functions without client-side React, and it’s a good thing
Netflix functions without client-side React, and it's a good thing
A few days ago Netflix tweeted that they'd removed client-side React.js from their landing page and they saw a 50% performance improvement. It caused a bit of a stir.
This shouldn't be a surpriseThe following:
- Download HTML & CSS in parallel.
- Wait for CSS to finish downloading & execute it.
- Render, and continue rendering as HTML downloads.
…is always going to be faster than:
- Download HTML (it's tiny).
- Download CSS & JS in parallel.
- Wait for CSS to finish downloading & execute it.
- Wait for JS to finish downloading & execute it.
5 Key Benefits of Angular and TypeScript 12
5 Key Benefits of Angular and TypeScript – Code with Dan Blog5 Key Benefits of Angular and TypeScript – Code with Dan Blog
Over the past few months, I’ve been asked the same general question about Angular multiple times in onsite training classes, while helping customers with their architecture, or when talking with company leaders about the direction web technologies are heading. Here’s the general question:
“What are the key benefits that Angular and TypeScript can offer our development teams?”
It’s a great question and one that should be asked before jumping into any new technology or framework. Most of the people asking are technology managers or directors interested in understanding the benefits that Angular can offer their teams (both technical and non-technical). They’re concerned about application maintenance, developer productivity, handling change requests, the longevity of the framework, the pace of technology, and more.
... read the whole story at blog.codewithdan.com.EyeJS - A JavaScript testing framework for the real world
EyeJS - testing framework
Hello, I'm Arthur Guiot, I created DisplayJS not that long ago, and I figured out that I couldn't find an easy to setup testing framework. So, I wanted to create my own, and here it is. EyeJS is easy to setup, and has some unique features, such as the ability to test your project right in a browser, which make it adapted to real world test.
ComparisonSpeed
Where other testing frameworks (such as Jest) are pretty slow, EyeJS can do your tests under milliseconds
Features
EyeJS is made for the real world, so yes, other framework like Jest (yes, I'm comparing with Jest because it's the only one I know 😊), will have a richer API on the paper,
... read the whole story at eye.js.org.Web Components: The Long Game
Web Components: The Long Game
Dimitri Glazkov, Alex Komoroske, and I started the project that designed and (for many years) iterated on Web Components with a few primary goals in mind:
- Enhance component portability
- Shrink the amount of infrastructure code required over-the-wire and at runtime
- Enable the browser to optimize components
All of this was wrapped up in our project’s mantra: “say what you mean”.
Our position was (and is) that developers shouldn’t need to write the word function
when they meant class
or module
and they shouldn’t have to type <div class="tree-control">
or torture existing HTML elements to “mean” something they clearly did not. JavaScript programmers should be able to instantiate components naturally (
The End of Framework Churn?
The end of Framework Churn
Framework Churn: that breakneck pace of creation and abandonment that plagues the JavaScript community. Here one day, out the next. Hot today, obsolete in a year. Number one loved on the Hacker News frontpage, now number one hated on the Hacker News comments.
Framework Churn is something every one of us deals with in the JavaScript community. How do we know that big investment we’re making in Tool/Framework X is going to be relevant in a year, five years, twenty years? It’s at the point now that many are afraid to pick anything for fear it’ll be irrelevant long before the life of the product built with it.
... read the whole story at blog.ionic.io.It's easy to focus on JS Frameworks, but spare some time and remember JS Fundamentals.
Is Vanilla JavaScript worth learning? Absolutely. – freeCodeCamp
252
100+
4
28
1
52
details
Share on
Facebook,
Twitter or
Google+
The purpose of this post is to emphasize the importance of JavaScript fundamentals for every front-end developer. I’m going to tell you why you should have a good knowledge of pure (Vanilla) JavaScript. This means JavaScript without any additional frameworks or libraries.
I’ll also mention a couple of resources that helped me to learn these basics.
Another reason behind this post is that many aspiring web developers tend to skip learning core JavaScript concepts such as hoisting, closures, or prototypes. They go straight to the hottest frameworks such as React or Angular 2. I’ll show you why this approach is not the most convenient one.
... read the whole story at medium.freecodecamp.org.Patent Free React Ecosystem Migration Plan
Patent Free React Ecosystem Migration Plan
Full Disclosure: someone mentioned I should say I’m a community member of Angular and contributed largely to it. I’m not trying to spread FUD. If I was the title should be way more clickbaity and would purposely be one sided (like other articles in the resources link). With that said I use all frameworks: vue, react, angular, mercury, preact, and my own that I’m working on. I’m also invested in React and GraphQL as we use it in our own SaaS product. I would prefer be mentioned as a JavaScript community member rather than limited to one. That’s why my name is PatrickJS not PatrickNG.
React Migration ... read the whole story at onespeed.io.100+ Best CSS Frameworks for Responsive Design
100+ Best CSS Frameworks for Responsive Design
A CSS framework is a collection of CSS files containing predefined rules for layout, typography and other CSS resets. if you are a developer you might hear of terms like boilerplates, grid systems etc. Each one of them promising more than the next one. For the most part, they all refers to a collection of assets that are design to speed up the development.
CSS frameworks focused on responsive web design aspects. CSS framework cover all area of a responsive web development like typography, user interface layout etc. A good CSS framework may contain a grid system, Typography styles, CSS resets, layout models, and browser fixes. You don’t need to write a code from scratch, frameworks will provide codes for basic elements.
... read the whole story at cssauthor.com.React JS vs Vue Js: In-Depth Comparison
ReactJS vs VueJS: In-Depth Comparison
For many software development companies, the question of choosing development environments for their products is very acute. The problem of selecting libraries and frameworks is generally a quite complicated subject especially in the case of ReactJS vs VueJS or Angular vs React. Often various suppliers offer products really similar in their properties and contents, and to make the more or less weighted decision, long and hard study to understand the capabilities of each is needed.
This problem is especially true in the case of React JavaScript framework comparison with Vue: both the frameworks are ideal for creating additional user elements, both vendors promise the efficient work of their products and, at first glance, the difference between Vue and React is virtually nonexistent.
... read the whole story at erminesoft.com.Why We Didn’t Use A Framework (Case Study)
“Why We Didn’t Use A Framework” (Case Study) – Smashing Magazine
357
14
42
23
100
143
details
Share on
Facebook,
Twitter or
Google+
When we set out to build MeetSpace (a video conferencing app for distributed teams), we had a familiar decision to make: What’s our tech stack going to be? We gathered our requirements, reviewed our team’s skillset and ultimately decided to use vanilla JavaScript and to avoid a front-end framework.
Using this approach, we were able to create an incredibly fast and light web application that is also less work to maintain over time. The average page load on MeetSpace15 has just 1 uncached request and is 2 KB to download, and the page is ready within 200 milliseconds. Let’s take a look at what went into this decision and how we achieved these results.
... read the whole story at www.smashingmagazine.com.Good overview of the different front end frameworks
Choosing a frontend framework in 2017 – This Dot Labs – Medium
171
100+
9
23
2
204
details
Share on
Facebook,
Twitter or
Google+
There’s been a lot of development in the frontend frameworks ecosystem over the last seven years. We’ve learned a lot about what it takes to build and maintain large applications. We’ve seen many new ideas emerge. Some of these new ideas changed how we build web applications, and others we discarded because they did not work.
In the process, we saw a lot of hype and conflicting opinions that made it difficult to choose a framework. This choice is especially difficult when you’re picking a framework for an organization that will be responsible for maintaining this application for a long time.
In this article, I would like to describe the evolution of our understanding of how to build modern web applications and suggest a way of thinking about which technology to choose.
... read the whole story at medium.com.7 #React Libraries You Should Know
7 React libraries you should know
Much of everything front-end is being built with React. It seems that React isn’t going anywhere anytime soon. One of the most important and promising aspects of React is working with code components. From buttons to scrollers and toolbars, these components are the building blocks of our UI applications.
React encapsulated components can manage their own state, and can be composed to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM. React enables you to split your UI into independent, reusable pieces, and think about each piece in isolation.
... read the whole story at readwrite.com.You Do Not Need a CSS Grid-based Grid System
You do not need a CSS Grid based Grid System
44
100+
8
302
9
details
Share on
Facebook,
Twitter or
Google+
In the last couple of weeks I have started to see CSS Grid layout based frameworks and grid systems appearing. I’m actually surprised as to how long it has taken, but I am yet to see one that adds any value at all over just using CSS Grid Layout. Worse, the ones I have seen so far go backwards. They limit themselves by replicating the past rather than looking to the future. A common theme being that they require row wrappers in markup.
Why is grid different?Grid is a grid system. It allows you to define columns and rows in your CSS, without needing to define them in markup. You don’t need a tool that helps you make it
... read the whole story at rachelandrew.co.uk.7 JavaScript Frameworks/Libraries to Look Out For
7 JavaScript Frameworks/Libraries to Look Out For
JavaScript, the most commonly used language around the globe, continues to rise in popularity, making it essential for JavaScript developers to stay abreast of top frameworks available for it. However, the stint to pick the best JavaScript framework for your web development or app development project is not easy. You first need to assess your project needs and see how suitable the functionality of a particular framework is for your development project. Read this blog to know and understand top 6 JavaScript frameworks/libraries you may like to consider for your future development project.
A key to remember here is that every framework/library has its pros and cons. So, based on specific requirements of your development project, you could also find one, other than these five, the best fit for your project.
... read the whole story at evontech.com.A (fantastic!) collection of client-side JavaScript-libraries and useful resources. Bookmarking!
GitHub - sorrycc/awesome-javascript: 🐢 A collection of awesome browser-side JavaScript libraries, resources and shiny things.
A collection of awesome browser-side JavaScript libraries, resources and shiny things.
Package Managers- npm - npm is the package manager for javascript.
- Bower - A package manager for the web.
- component - Client package management for building better web applications.
- spm - Brand new static package manager.
- jam - A package manager using a browser-focused and RequireJS compatible repository.
- jspm - Frictionless browser package management.
- Ender - The no-library library.
- volo - Create front end projects from templates, add dependencies, and automate the resulting projects.
- Duo - Next-generation package manager that blends the best ideas from Component, Browserify and Go to make organizing and writing front-end code quick and painless.