Shineyrock
web design & consultancy
Shineyrock
Gezocht op: "me" / 1367 gevonden
Creating a Grocery List Manager Using Angular, Part 1: Add & Display Items
…ment in a template. In this tutorial, you'll learn how to get started with creating a grocery list manager using Angular.Getting Started You'll need Node version > 6.9.x and Node Package Manager (npm) > 3.x.x. Once you have both, try to install the Angular CLI using npm.npm install -g @angular/cliAfter…
Angular vs. React: 7 Key Features Compared
…mework vs. Library Angular is a framework, while React is a library. So what does this mean? React on its own isn't adequate to create a web application because it is just designed to create views: the ‘V’ in MVC. React lets you build component-based views for which data can…
Dynamic Page Templates in WordPress, Part 3
…ment them. In this third and final tutorial in the series, I'll be creating two examples of fully working dynamic page templates you can use in your own projects. These were specifically chosen to be easily extendable to suit your own needs, and are intended as inspiration for any other…
9 Elegant CSS Pricing Tables for Your Latest Web Project
…me kind of services and products. You can use them to quickly list the features, similarities, or differences between two, three, or four different products at once. These tables give users all the information they need when choosing between different products and services. This, in turn, can result in more…
Creating a Grocery List Manager Using Angular, Part 2: Managing Items
…ment the features to mark completed items, edit existing items, and remove added items.Getting StartedLet's get started by cloning the source code from the first part of the tutorial. From your terminal, write in the following code to clone the source code:git clone https://github.com/royagasthyan/AngularGroceryOnce the source code has been cloned,…
9 More Popular HTML5 Projects for You to Use and Study
…media-rich world. In so doing, it has brought about several huge advancements in web technology. For example, HTML5 provides superior support for vector graphics and interactive online features like file sharing and photo or video editing. It also enables us to stream audio and video files in a web browser…
Creating a Blogging App Using React, Part 1: User Sign-In
…ment the user interface and back end for user registration and user sign-in.Getting StartedCreate a project directory called ReactNodeApp. Navigate to the project directory and initiate the node project.npm initFill in the required details and you should have the package.json file created. Here is how it looks:{ "name": "react-node-app", "version":…
Creating a Blogging App Using React, Part 2: User Sign-Up
…ment the sign-in functionality. In this part, you'll learn how to implement the sign-up functionality and modify the sign-in functionality to check for valid users from MongoDB.Getting StartedLet's get started by cloning the source code from the first part of the tutorial.git clone https://github.com/royagasthyan/ReactBlogApp-SignInOnce the directory has been cloned, navigate…
Creating a Blogging App Using React, Part 3: Add & Display Post
…ment the sign-up and sign-in functionality. In this part of the tutorial, you'll implement the user home page and the functionality to add and display the blog posts.Getting StartedLet's get started by cloning the source code from the first part of the tutorial.https://github.com/royagasthyan/ReactBlogApp-SignUpOnce the directory has been cloned, navigate to…
Unit Testing in React: Shallow vs. Static Testing
…me, the Airbnb unit-testing library, to unit test React components.Enzyme gives us a couple of different types of ways to render React components. In this video from the course, we’ll look at the difference between shallow rendering and static rendering, and talk about when you might use them.Related Links Shallow…