Angular by default makes sure that the style that we write in a component will be applied only to the elements of the component. angular enforces this style encapsulation by giving the same attribute to all elements in a component. angular does this for each component by adding a different unique attribute name for each component.
Continue reading “View Encapsulation in Angular”Blog
Communication Between Child/Parent Components in Angular
Angular is based on components and components have to communicate with each other. when we nesting components, we create a parent – child relationship and the most basic communication between parent and child components are property binding and event binding. with the property and event binding we can send data into the component and receive data from the component.
Continue reading “Communication Between Child/Parent Components in Angular”Angular Built-in Directives
Directives are instructions in the DOM just like the components that are kind of instructions in the DOM but with a template.
We typically add directives with an attribute selector, but technically the selector of a directive can be configured just like the selector of a component,
In Angular we have some built in directives and they can be split into 2 categories:
- Structural Directives: NgIf, NgSwitch and NgFor.
- Attribute Directives: NgClass, NgStyle and NgModel.
Communication Between Component and Template in Angular
There are different ways for communication between components and their templates when using Angular:
- string interpolation
- property binding
- event binding
- two way data binding
- two way data binding the long way
Understanding RxJS
What is RxJS?
RxJS is the JavaScript implementation of the Reactive Extensions API.
The reactive extensions API is meant to help you manage the flow of data into your application. check the Reactive Extensions API documentation at the link: http://reactivex.io/.
RxJS stands for:
- Rx – Reactive Extensions API
- JS – JavaScript
Intersection Observer
In my homepage I created an animation whenever a user scroll to a certain section in the homepage. For example when we scroll to the about section, the content appears with a fade in animation.
At start I wrote code using the scroll event:
WordPress REST API
WordPress REST API, formerly known as the “WP-API” was released as part of WordPress Core in version 4.7, December 2016. This is changing the way we think about and work with data managed by WordPress. It separates the content of a site from its presentation in a new and more fundamental way. Before understanding what its means lets understand the concepts around this.
WP Rig for WordPress
WP Rig is a modern WordPress starter theme and build process, bundled into one convenient package. It helps you build WordPress themes that are beautiful, great user experiences, fast and that meet the latest web and performance standards.
WP Rig is an open source WordPress community project that we can use to build advanced, progressive WordPress themes using the latest web and coding standards, performance best practices, and development tools. We write PHP, CSS, and JavaScript. WP Rig lints, optimizes, and minifies our code to make our theme and the site it runs on as fast and performant as possible.
Build Personal Website
In this article I am going to share my thoughts, research and decisions about choosing WordPress to develop my personal blog.
When I decide to build a personal website to publish articles and tutorials about web technologies and to showcase my portfolio I had to decide with which platform I am going to build it. There are plenty of possibilities to choose from such as react, angular, Gatsby and so on. But I wanted to check out WordPress first because recently I have discovered the ”WordPress REST API”.