My Blog

Angular 7 Directives

—

by

Awais
in

Directives are instructions in the DOM. They specify how to place your components and business logic in the Angular.

Directives are js class and declared as @directive. There are 3 directives in Angular.

  • Component Directives
  • Structural Directives
  • Attribute Directives

Component Directives: Component directives are used in main class. They contain the detail of how the component should be processed, instantiated and used at runtime.

Structural Directives: Structural directives start with a * sign. These directives are used to manipulate and change the structure of the DOM elements. For example, *ngIf and *ngFor.

Attribute Directives: Attribute directives are used to change the look and behavior of the DOM elements. For example: ngClass, ngStyle etc.

Difference between Attribute Directive and Structural Directive

Attribute DirectivesStructural Directives
Attribute directives look like a normal HTML Attribute and mainly used in databinding and event binding.Structural Directives start with a * symbol and look different.
Attribute Directives affect only the element they are added to.Structural Directives affect the whole area in the DOM.

How to create custom Directives?

You can create your own custom directives to use in Angular components.

Create a basic attribute directive

You have seen the attribute directive like ngClass and ngStyle. Now, it’s time to create our own attribute directives.

First, create a folder. Let’s name it “simple-style”. Then, create a file within that folder named as “simple-style.directive.ts”

import {Directive, ElementRef, OnInit} from '@angular/core';  

  

 @Directive( {  

  selector: '[appSimpleStyle]'  

})  

export class SimpleStyleDirective implements OnInit {  

  constructor(private elementRef: ElementRef) {  

  }  

  ngOnInit() {  

  this.elementRef.nativeElement.style.backgroundColor = 'green';  

  } 

    Now, you have to inform Angular that you have a new directive. So, you have to add SimpleStyleDirective to app.module.ts and also import it.

    import { BrowserModule } from '@angular/platform-browser';  

import { NgModule } from '@angular/core';  

  

import { AppComponent } from './app.component';  

import {SimpleStyleDirective} from './simple-style/simple-style.directive';  

  

@NgModule({  

  declarations: [  

    AppComponent,  

    SimpleStyleDirective  

  ],  

  imports: [  

    BrowserModule  

  ],  

  providers: [],  

  bootstrap: [AppComponent]  

})  

export class AppModule { } 

    Now, your directive is created. Let’s check it. Open app.component.html and use your created SimpleStyleDirective

    <p appSimpleStyle>Style me with your created SimpleStyleDirective</p>

    <div class="container">  
  <div class="row">  
 <div class="col-xs-12">  
   <h2>My Servers</h2>  
   <button class="btn btn-primary" (click)="OnAddServer()">Add Server</button>  
 <br><br>  
  
 <ul class="list-group">  
   <li  
   class="list-group-item "  
   *ngFor="let server of servers; let i = index"  
   (click)="onRemoveServer(i)">{{ server }}  
   </li>  
 </ul>  
 <p appSimpleStyle>Style me with your created SimpleStyleDirective</p>  
 </div>  
 </div>  
</div>  
</textarea></div>  
<p><strong>Output:</strong></p>  
<img src="https://static.javatpoint.com/tutorial/angular7/images/angular7-directives.png" alt="Angular 7 Directives"/>  
<p>You can see that your created attribute directive is working. Here, you have learnt how to create selector, how to create attribute directory, and also learnt how to use   and also how to use</p>  
  
<hr/>  
<div class="nexttopicdiv">  
<span class="nexttopictext">Next Topic</span><span class="nexttopiclink"><a href="angular-7-ngif-directive">Angular 7 ngIf Directive</a></span>  
</div>  
<!-- link -->  
<br/><br/>  
  
<div id="bottomnext">  
<a style="float:left" class="next" href="angular-7-error-fixing">← prev</a>  
<a style="float:right" class="next" href="angular-7-ngif-directive">next →</a>  
</div>  
  
<br/><br/>  
</td></tr>  
</table>  
</div>  
   
  
<hr class="hrhomebox"/>  
  
               <div><img class="lazyload" data-src="https://static.javatpoint.com/images/youtube-32.png" style="vertical-align:middle;" alt="Youtube" />  
               <span class="h3" style="vertical-align:middle;font-size:22px"> For Videos Join Our Youtube Channel: <a href="https://bit.ly/2FOeX6S" target="_blank"> Join Now</a></span>  
               </div>  
               <hr class="hrhomebox"/>  
  
  
   
  
<h3 class="h3">Feedback</h3>  
<ul class="points">       
<li>Send your Feedback to [email protected]</li>  
</ul>  
<hr class="hrhomebox"/>  
   
<h2 class="h2">Help Others, Please Share</h2>  
<a rel="nofollow" title="Facebook" target="_blank" href="https://www.facebook.com/sharer.php?u=https://www.javatpoint.com/angular-7-directives"><img src="https://www.javatpoint.com/images/facebook32.png" alt="facebook"/></a>  
<a rel="nofollow" title="Twitter" target="_blank" href="https://twitter.com/share?url=https://www.javatpoint.com/angular-7-directives"><img src="https://www.javatpoint.com/images/twitter32.png" alt="twitter"/></a>  
<a rel="nofollow" title="Pinterest" target="_blank" href="https://www.pinterest.com/pin/create/button/?url=https://www.javatpoint.com/angular-7-directives"><img src="https://www.javatpoint.com/images/pinterest32.png" alt="pinterest"/></a>  
<!-- contribute start-->  
  
<hr class="hrhomebox"/>  
   
<!-- latest tutorials start -->   
<fieldset class="gra1">  
<h2 class="h3">Learn Latest Tutorials</h2>  
<div class="firsthomecontent">  
  
                        <a href="https://www.javatpoint.com/splunk">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/splunk.png" alt="Splunk tutorial" />  
                                <p>Splunk</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/spss">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/spss.png" alt="SPSS tutorial" />  
                                <p>SPSS</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/swagger">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/swagger.png" alt="Swagger tutorial" />  
                                <p>Swagger</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/t-sql">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/transact-sql.png" alt="T-SQL tutorial" />  
                                <p>Transact-SQL</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/tumblr">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/tumblr.png" alt="Tumblr tutorial" />  
                                <p>Tumblr</p>  
                            </div>  
                        </a>  
  
                        <a href="https://www.javatpoint.com/reactjs-tutorial">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/react.png" alt="React tutorial" />  
                                <p>ReactJS</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/regex">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/regex.png" alt="Regex tutorial" />  
                                <p>Regex</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/reinforcement-learning">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/react.png" alt="Reinforcement learning tutorial" />  
                                <p>Reinforcement Learning</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/r-tutorial">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/r-programming.png" alt="R Programming tutorial" />  
                                <p>R Programming</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/rxjs">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/rxjs.png" alt="RxJS tutorial" />  
                                <p>RxJS</p>  
                            </div>  
                        </a>  
  
                        <a href="https://www.javatpoint.com/react-native-tutorial">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/react-native.png" alt="React Native tutorial" />  
                                <p>React Native</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/python-design-pattern">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/python-design-patterns.png" alt="Python Design Patterns" />  
                                <p>Python Design Patterns</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/python-pillow">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/python-pillow.png" alt="Python Pillow tutorial" />  
                                <p>Python Pillow</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/python-turtle-programming">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/python-turtle.png" alt="Python Turtle tutorial" />  
                                <p>Python Turtle</p>  
                            </div>  
                        </a>  
  
                        <a href="https://www.javatpoint.com/keras">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/keras.png" alt="Keras tutorial" />  
                                <p>Keras</p>  
                            </div>  
                        </a>  
  
</div>   
</fieldset>   
<hr class="hrhomebox"/>  
<!-- preparation start -->    
<fieldset class="gra1">  
<h2 class="h3">Preparation</h2>  
<div class="firsthomecontent">   
   
                        <a href="https://www.javatpoint.com/aptitude/quantitative">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/aptitude/images/quantitative-aptitude-home.png" alt="Aptitude" />  
                                <p>Aptitude</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/reasoning">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/reasoning/images/reasoning-home.png" alt="Logical Reasoning" />  
                                <p>Reasoning</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/verbal-ability">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/verbal-ability/images/verbal-ability-home.png" alt="Verbal Ability" />  
                                <p>Verbal Ability</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/interview-questions-and-answers">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/logo/interviewhome.png" alt="Interview Questions" />  
                                <p>Interview Questions</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/company-interview-questions-and-recruitment-process">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/interview/images/company-home.jpeg" alt="Company Interview Questions" />  
                                <p>Company Questions</p>  
                            </div>   
                        </a>   
  
</div>  
</fieldset>  
<hr class="hrhomebox"/>  
  
<!-- trending start -->    
<fieldset class="gra1">  
<h2 class="h3">Trending Technologies</h2>  
<div class="firsthomecontent">  
  
                        <a href="https://www.javatpoint.com/artificial-intelligence-ai">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/artificial-intelligence.png" alt="Artificial Intelligence" />  
                                <p>Artificial Intelligence</p>  
                            </div>   
                        </a>   
                        <a href="https://www.javatpoint.com/aws-tutorial">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/amazon-web-services.png" alt="AWS Tutorial" />  
                                <p>AWS</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/selenium-tutorial">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/selenium.png" alt="Selenium tutorial" />  
                                <p>Selenium</p>  
                            </div>  
                        </a>   
                        <a href="https://www.javatpoint.com/cloud-computing">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/cloud-computing.png" alt="Cloud Computing" />  
                                <p>Cloud Computing</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/hadoop-tutorial">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/hadoop.png" alt="Hadoop tutorial" />  
                                <p>Hadoop</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/reactjs-tutorial">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/reactjs.png" alt="ReactJS Tutorial" />  
                                <p>ReactJS</p>  
                            </div>   
                        </a>    
                        <a href="https://www.javatpoint.com/data-science">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/data-science.png" alt="Data Science Tutorial" />  
                                <p>Data Science</p>  
                            </div>   
                        </a>    
                        <a href="https://www.javatpoint.com/angular-7-tutorial">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/angular7.png" alt="Angular 7 Tutorial" />  
                                <p>Angular 7</p>  
                            </div>   
                        </a>    
                        <a href="https://www.javatpoint.com/blockchain-tutorial">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/blockchain.png" alt="Blockchain Tutorial" />  
                                <p>Blockchain</p>  
                            </div>    
                        </a>   
                        <a href="https://www.javatpoint.com/git">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/git.png" alt="Git Tutorial" />  
                                <p>Git</p>  
                            </div>   
                        </a>   
                          <a href="https://www.javatpoint.com/machine-learning">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/machine-learning.png" alt="Machine Learning Tutorial" />  
                                <p>Machine Learning</p>   
                            </div>       
                        </a>   
                          <a href="https://www.javatpoint.com/devops">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/devops.png" alt="DevOps Tutorial" />  
                                <p>DevOps</p>   
                            </div>      
                        </a>   
   
</div>  
 </fieldset>  
<hr class="hrhomebox"/>  
  
<!-- B.Tech / MCA -->  
                    <fieldset class="gra1">  
                    <h2 class="h3">B.Tech / MCA</h2>  
                    <div class="firsthomecontent">  
                        <a href="https://www.javatpoint.com/dbms-tutorial">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/dbms.png" alt="DBMS tutorial" />  
                                <p>DBMS</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/data-structure-tutorial">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/data-structures.png" alt="Data Structures tutorial" />  
                                <p>Data Structures</p>  
                            </div>  
                        </a>   
                        <a href="https://www.javatpoint.com/daa-tutorial">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/daa.png" alt="DAA tutorial" />  
                                <p>DAA</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/operating-system">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/operating-system.png" alt="Operating System" />  
                                <p>Operating System</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/computer-network-tutorial">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/computer-network.png" alt="Computer Network tutorial" />  
                                <p>Computer Network</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/compiler-tutorial">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/compiler-design.png" alt="Compiler Design tutorial" />  
                                <p>Compiler Design</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/computer-organization-and-architecture-tutorial">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/computer-organization.png" alt="Computer Organization and Architecture" />  
                                <p>Computer Organization</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/discrete-mathematics-tutorial">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/discrete-mathematics.png" alt="Discrete Mathematics Tutorial" />  
                                <p>Discrete Mathematics</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/ethical-hacking">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/ethical-hacking.png" alt="Ethical Hacking" />  
                                <p>Ethical Hacking</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/computer-graphics-tutorial">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/computer-graphics.png" alt="Computer Graphics Tutorial" />  
                                <p>Computer Graphics</p>  
                            </div>   
                        </a>  
                        <a href="https://www.javatpoint.com/software-engineering">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/software-engineering.png" alt="Software Engineering " />  
                                <p>Software Engineering</p>  
                            </div>   
                        </a>   
  
                        <a href="https://www.javatpoint.com/html-tutorial">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/web-technology.png" alt="html tutorial" />  
                                <p>Web Technology</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/cyber-security-tutorial">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/cyber-security.png" alt="Cyber Security tutorial" />  
                                <p>Cyber Security</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/automata-tutorial">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/automata.png" alt="Automata Tutorial" />  
                                <p>Automata</p>  
                            </div>   
                        </a>  
                          
                        <a href="https://www.javatpoint.com/c-programming-language-tutorial">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/c-programming.png" alt="C Language tutorial" />  
                                <p>C Programming</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/cpp-tutorial">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/cpp.png" alt="C++ tutorial" />  
                                <p>C++</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/java-tutorial">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/new/core-java.png" alt="Java tutorial" />  
                                <p>Java</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/net-framework">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/dot-net.png" alt=".Net Framework tutorial" />  
                                <p>.Net</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/python-tutorial">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/python.png" alt="Python tutorial" />  
                                <p>Python</p>  
                            </div>  
                        </a>  
  
                        <a href="https://www.javatpoint.com/programs-list">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/programs.png" alt="List of Programs" />  
                                <p>Programs</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/control-system-tutorial">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/control-system.png" alt="Control Systems tutorial" />  
                                <p>Control System</p>  
                            </div>  
                        </a>  
                        <a href="https://www.javatpoint.com/data-mining">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/data-mining.png" alt="Data Mining Tutorial" />  
                                <p>Data Mining</p>   
                            </div>      
                        </a>   
                        <a href="https://www.javatpoint.com/data-warehouse">  
                            <div class="homecontent"><img class="lazyload" data-src="https://static.javatpoint.com/images/homeicon/data-warehouse.png" alt="Data Warehouse Tutorial" />  
                                <p>Data Warehouse</p>  
                            </div>   
                        </a>   
  
  
                  </div>  
                </fieldset>  
   
  
</div>  
  
<br><br/><div class="mobilemenu" style="clear:both">  
  
</div></div>  
  
<div id="right">  
  
<br/><br/>  
</div>  
  
<div class="right1024" style="float:left;margin-left:10px;margin-top:120px;">  
<!-- right1024only -->  
  
</div>  
<br/>  
  
<div id="footer" style="clear:both;width:100%">  
<script>var _gaq_gaq=_gaq || []; _gaq.push(['_setAccount', 'UA-24880427-1']); _gaq.push(['_trackPageview']); (function(){var ga=document.createElement('script'); ga.type='text/javascript'; ga.async=true; ga.src=('https:'==document.location.protocol ? 'https://ssl' : 'https://www') + '.google-analytics.com/ga.js'; var s=document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);})();</script><div style="margin-top:5px;text-align:center"> <sup style="font:16px arial;">Like/Subscribe us for latest updates or newsletter </sup> <a target="_blank" rel="nofollow noopener" href="https://feeds.feedburner.com/javatpointsonoo"><img src="https://static.javatpoint.com/images/social/rss1.png" alt="RSS Feed"/></a> <a target="_blank" rel="nofollow noopener" href="https://feedburner.google.com/fb/a/mailverify?uri=javatpointsonoo"><img src="https://static.javatpoint.com/images/social/mail1.png" alt="Subscribe to Get Email Alerts"/></a> <a rel="nofollow noopener" target="_blank" href="https://www.facebook.com/javatpoint"><img src="https://static.javatpoint.com/images/social/facebook1.jpg" alt="Facebook Page"/></a> <a target="_blank noopener" rel="nofollow" href="https://twitter.com/pagejavatpoint"><img src="https://static.javatpoint.com/images/social/twitter1.png" alt="Twitter Page"/></a> <a target="_blank" rel="nofollow noopener" href="https://www.youtube.com/channel/UCUnYvQVCrJoFWZhKK3O2xLg"><img src="https://static.javatpoint.com/images/youtube32.png" alt="YouTube"/></a> <a target="_blank" rel="nofollow noopener" href="https://javatpoint.blogspot.com"><img src="https://static.javatpoint.com/images/social/blog.png" alt="Blog Page"/></a> </div><footer class="footer1"><div class="column4"><h3>Learn Tutorials</h3><a href="https://www.javatpoint.com/java-tutorial">Learn Java</a><a href="https://www.javatpoint.com/data-structure-tutorial">Learn Data Structures</a><a href="https://www.javatpoint.com/c-programming-language-tutorial">Learn C Programming</a><a href="https://www.javatpoint.com/cpp-tutorial">Learn C++ Tutorial</a><a href="https://www.javatpoint.com/c-sharp-tutorial">Learn C# Tutorial</a><a href="https://www.javatpoint.com/php-tutorial">Learn PHP Tutorial</a><a href="https://www.javatpoint.com/html-tutorial">Learn HTML Tutorial</a><a href="https://www.javatpoint.com/javascript-tutorial">Learn JavaScript Tutorial</a><a href="https://www.javatpoint.com/jquery-tutorial">Learn jQuery Tutorial</a><a href="https://www.javatpoint.com/spring-tutorial">Learn Spring Tutorial</a></div><div class="column4"><h3>Interview Questions</h3><a href="corejava-interview-questions">Java Interview Questions</a><a href="sql-interview-questions">SQL Interview Questions</a><a href="python-interview-questions">Python Interview Questions</a><a href="javascript-interview-questions">JavaScript Interview Questions</a><a href="top-angular-interview-questions">Angular Interview Questions</a><a href="selenium-interview-questions">Selenium Interview Questions</a><a href="spring-boot-interview-questions">Spring Boot Interview Questions</a><a href="job-interview-questions">HR Interview Questions</a><a href="cpp-interview-questions">C++ Interview Questions</a><a href="data-structure-interview-questions">Data Structure Interview Questions</a></div><div class="column4"><h3>About</h3><p>This website is developed to help students on various technologies such as Artificial Intelligence, Machine Learning, C, C++, Python, Java, PHP, HTML, CSS, JavaScript, jQuery, ReactJS, Node.js, AngularJS, Bootstrap, XML, SQL, PL/SQL, MySQL etc. </p><p>This website provides tutorials with examples, code snippets, and practical insights, making it suitable for both beginners and experienced developers.</p><p>There are also many interview questions which will help students to get placed in the companies.</p></div><div class="column4"><h3>Contact</h3><a href="https://www.javatpoint.com/contact-us">Contact Us</a> <!--<a href="https://www.javatpoint.com/subscribe.jsp">Subscribe Us</a>--> <a href="https://www.javatpoint.com/privacy-policy">Privacy Policy</a><a href="https://www.javatpoint.com/sitemap.xml">Sitemap</a><br><a href="https://www.javatpoint.com/sonoo-jaiswal">About Me</a></div></footer><footer class="footer2"><p>© Copyright 2011-2021 www.javatpoint.com. All rights reserved. Developed by Tpoint Tech.</p></footer><div id="bot-root"></div><script> (function() { var e = document.createElement('script'); e.src = 'https://app.pushbrothers.com/js/notification-bot.js?cnfg=a3cc04a1-8471-450e-b01e-c9d752b16eb0'; document.getElementById('bot-root').appendChild(e);}());</script>  
</div>  
<!-- auto ad code vi -->    
  
</div></div>    
  
<script src="https://static.javatpoint.com/js/shcoreandbrush.js"></script><script> dp.SyntaxHighlighter.HighlightAll('code'); </script>  
<script src="https://static.javatpoint.com/lazysizes.min.js?v=5.8" async></script>  
  
  
</body> </html>

    Comments

    Leave a Reply

    Your email address will not be published. Required fields are marked *