Select Page

Category: Web Development

New Course: Secure Your WordPress Site With SSL

These days, it’s more important than ever for your WordPress site to use a SSL (Secure Sockets Layer) certificate, which encrypts the data between the client and the server. Browsers now mark sites as “secure” or “not secure”, and using SSL can boost your search engine rankings. Plus, of course, there are the obvious security benefits. In our new Coffee Break Course, Secure Your WordPress Site With SSL, Envato Tuts+ instructor Bilal Shahid will show you how to get and install free SSL certificates using Certbot and Let’s Encrypt—a free and open certificate authority aiming to support a more secure and privacy-respecting web. Watch the introduction below to find out more.   You can take our new Coffee Break Course straight away with a subscription to Envato Elements. For a single low monthly fee, you get access not only to this course, but also to our growing library of over 1,000 video courses and industry-leading eBooks on Envato Tuts+.  Plus you now get unlimited downloads from the huge Envato Elements library of 650,000+ creative assets. Create with unique fonts, photos, graphics and templates, and deliver better projects faster. Link To...

Read More

15 Ready-Made Ionic 3 App Templates

With Ionic, creating a high-performance, cross-platform mobile app is as easy as creating a website. In fact, if you are a seasoned web developer who wants to become an Android or iOS app developer overnight, all you have to do is install and start using Ionic. I assure you, you’ll take to it like a fish to water. Building a feature-rich Ionic app with an elegant user interface, however, can be challenging—even more so if it is to look native on multiple platforms. Fortunately, by using a ready-made Ionic template, you can save substantial amounts of time and effort. CodeCanyon is one of the largest online marketplaces for Ionic templates. No matter what your app’s requirements are, there’s a good chance that CodeCanyon has a template for it. In this article, I’m going to list 15 outstanding Ionic 3 templates you should consider using this year. 1. Ionic 3 UI Theme  This template, developed by elite author CreativeForm, is ideal for Ionic developers who want to create beautiful apps but spend less time designing them. It offers just one theme that includes over 70 commonly used screens and more than 45 finished layouts ready to use. It also has a well-organized Sass file containing dozens of variables you can change to further customize your app’s looks. 2. IonFullApp  IonFullApp, developed by elite author IonicThemes, is a multipurpose app template which comes in three different versions: basic,...

Read More

Testing Components in React Using Jest and Enzyme

This is the second part of the series on Testing Components in React. If you have prior experience with Jest, you can skip ahead and use the GitHub code as a starting point.  In the previous article, we covered the basic principles and ideas behind test-driven development. We also set up the environment and the tools required for running tests in React. The toolset included Jest, ReactTestUtils, Enzyme, and react-test-renderer.  React Testing Components in React Using Jest: The Basics Manjunath M We then wrote a couple of tests for a demo application using ReactTestUtils and discovered its shortcomings compared to a more robust library like Enzyme. In this post, we’ll get a deeper understanding of testing components in React by writing more practical and realistic tests. You can head to GitHub and clone my repo before getting started. Getting Started With the Enzyme API Enzyme.js is an open-source library maintained by Airbnb, and it’s a great resource for React developers. It uses the ReactTestUtils API underneath, but unlike ReactTestUtils, Enzyme offers a high-level API and easy-to-understand syntax. Install Enzyme if you haven’t already. The Enzyme API exports three types of rendering options: shallow rendering full DOM rendering static rendering Shallow rendering is used to render a particular component in isolation. The child components won’t be rendered, and hence you won’t be able to assert their behavior. If you’re going to...

Read More

Get Started With Pusher: Client Events

In this series, we’ve been learning about Channels from Pusher, a platform that allows you to give your users the seamless real-time experience they want.  Throughout this series, we have looked strictly at server events—events that originate on the server—but we also have the ability to trigger events from the client. These are called client events, and they provide a different service than server events because some actions may not need validation or persistence.   Client events have several restrictions that your application must adhere to in order to use them. The most notable are: Client events must be enabled through your Channels application’s dashboard. Client events can only be issued on private and presence channels. They are not delivered to the client that initiates the event. They are limited to no more than ten messages per second per client. Triggering Client Events We’ll look at an example of client events by adding a link to our private chat app that sends an alarm to all the connected clients. Client events are triggered from the object returned by the Pusher library’s subscribe() method. We use this method inside the ChannelsChat Vue.js component with the following code: let channel = pusher.subscribe('private-chat'); Triggering a client event is very similar to triggering a server event. You use channel.trigger() to initiate the event and pass the event name and event data to it, like this:...

Read More

How to Do User Authentication With the Symfony Security Component

In this article, you’ll learn how to set up user authentication in PHP using the Symfony Security component. As well as authentication, I’ll show you how to use its role-based authorization, which you can extend according to your needs. The Symfony Security Component The Symfony Security Component allows you to set up security features like authentication, role-based authorization, CSRF tokens and more very easily. In fact, it’s further divided into four sub-components which you can choose from according to your needs. The Security component has the following sub-components: symfony/security-core symfony/security-http symfony/security-csrf symfony/security-acl In this article, we are going to...

Read More
000webhost logo