Giter VIP home page Giter VIP logo

angular-interview-questions's Introduction

Hi 👋 I'm Sudheer Jonna.

💻   About Me :

I am a Tech lead, Full Stack IT consultant, Author, Speaker & open source tech enthusiast from Singapore.

  • I’m working as a Senior IT consultant and building large scale web applications.
  • Authoring and blogging about emerging technologies.
  • Share knowledge through meetups and twitter.

🔥 My Stats :

Sudheer's most used languages Sudheer's github stats

🛠️ Languages and Tools :

Java  Spring  JavaScript  React  =VueJS  Angular  Redux   GraphQL  CSS  HTML  Docker  MySQL  NodeJS  AWS 

angular-interview-questions's People

Contributors

danieldanielecki avatar eslam-gl avatar faiyazbits avatar fakt309 avatar goodwin64 avatar harshakvarma avatar ic3top avatar igornowosad avatar imohammadali avatar jaisayush avatar joaopavila avatar manthanank avatar nkzlxs avatar peterblazejewicz avatar raj2033 avatar saimedavarapu avatar sangy987 avatar sourabh-joshi avatar sudheerj avatar suyashgulati avatar varshithrajbasa avatar vasiledurlesteanu avatar vladkasianenko avatar yashwanthbyalla avatar yuvgeek avatar zacnomore avatar zigavukcevicdev avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

angular-interview-questions's Issues

Question 19. Example throwing an error

When executing the code from the question 19 example, the following error is thrown:

  • Type 'number' is not assignable to type 'TeardownLogic'.(2322)

I've created a PR with a fix for this issue,
@sudheerj Please review

All the best

Auto incremented markdown numbers

If you remove the table styling, you can have auto incremented numbers. However, the code examples would require extra indents to not reset the count. See Stack Overflow.

I mention this because such a change makes it easier to add and remove content.

Create a Webpage using HTML, CSS and Angular/ ReactJs

Courses and Students
Create a Webpage using HTML, CSS and Angular/ ReactJs

Create a web page to manage courses and students
Follow the instructions carefully.

Follow the design (color, font, size etc) as per the above wireframe but functionality is important than the look & feel

Course section
The course dropdown should display the course names. Initially it is empty
When you click on the “Add New course” button under state it should display a text box followed by a tick icon and cross icon
You can enter the course name in the text field.
When you click on the tick icon it should add the course name into the list of the courses in the drop-down list and the input text field & icons should be hidden.
When you click on the cross icon it should not get added to the list of courses and the input text field & icons should be hidden

Student section
The “Add new student” button under the student should be visible only when you select a course name in the dropdown
When you click on the “Add new student” button it should display a textbox followed by tick icon and cross icon
You can enter the student name in the text field
When you click on the tick button it should add the student name to the list of students in the dropdown list for the selected course and the text field & icons should be hidden
When you click on the cross button it should not add the student name to the list of students for the course and the text field & icons should be hidden
A list of students can be added to one course.
Once you select a course it should display its corresponding students only in the below dropdown

Coding standards
Follow standard naming convention for the html, css, javascript

There is only 107 Questions

Hi.

Is this a work in progress? Because it say 300 questions but I only see 107.

I want to say thank you because it's a really good document.

Thanks!

300 Questions

The repo description says 300 questions but I only see 141

Thanks Note

Hi Sandeep

I am the Admin of Software Engineers (.Net) group on whatsapp.
I read this and found you did a great effort.
Thanks for sharing the links, its good useful.

Thanks
Avinash Joshi

question 10.

Hi there,

you mention 3 parts of the ngModule, but there are two more and one of them is "essential":
-the providers array, where you have to register your services
-entryComponents, the components which can be dynamically loaded to the view.

could you please update your answer?
Cheers,
Gary

Most of the answers are WRONG!

Lazy loading is one of the most useful concepts of Angular Routing.
It helps us to download the
web pages (no, it should be the frontend javascript bundles generated by angular)
in chunks instead of downloading everything in a big bundle.

so many incorrect answers.

15. What is the difference between constructor and ngOnInit?

  1. I don't think the answer was given at all.
  2. The statement it is preferred to move all of your Angular bindings to ngOnInit method is wrong, constructor has its own job as well as ngOnInit.

I think this answer is more applicable:

Constructor is the default method for a class that is created when a class is installed and ensures the proper execution of the roles in the class and its subsections. Angular is preferably the Dependency Injector (DI), analyzes the builder’s components and when creating a new feature by calling the new MyClass() tries to find suppliers that match the builder’s parameter types, resolve them and pass them to similar components.

ngOnInit: OnInit is a life cycle widget called Angular to show that Angular is made to create a component.

Differences:
We use constructor() for all the initialization/declaration.
It’s better to avoid writing actual work in the constructor.
The constructor() should only be used to initialize class members but shouldn’t do actual “work”.
So we should use constructor() to set up Dependency Injection, Initialization of class fields, etc.
ngOnInit() is a better place to write “actual work code” that we need to execute as soon as the class is instantiated.
Like loading data from Database — to show the user in your HTML template view. Such code should be written in ngOnInit().

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.