Skip to content

Commit bed6d1f

Browse files
khan4019khan4019
committed
initial site
1 parent c443d96 commit bed6d1f

File tree

7 files changed

+702
-0
lines changed

7 files changed

+702
-0
lines changed

‎.gitignore‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
# See http://help.github.com/ignore-files/ for more about ignoring files.
2+
3+
# compiled output
4+
/dist
5+
/tmp
6+
/angular/tmp
7+
.hg
8+
9+
# dependencies
10+
/node_modules
11+
12+
# IDEs and editors
13+
/.idea
14+
.project
15+
.classpath
16+
.c9/
17+
*.launch
18+
.settings/
19+
20+
# IDE - VSCode
21+
.vscode/*
22+
!.vscode/settings.json
23+
!.vscode/tasks.json
24+
!.vscode/launch.json
25+
!.vscode/extensions.json
26+
27+
# misc
28+
/.sass-cache
29+
/connect.lock
30+
/coverage/*
31+
/libpeerconnection.log
32+
npm-debug.log
33+
testem.log
34+
/typings
35+
36+
# e2e
37+
/e2e/*.js
38+
/e2e/*.map
39+
40+
#System Files
41+
.DS_Store
42+
Thumbs.db

‎angular/beginner/index.html‎

Lines changed: 208 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,208 @@
1+
<!doctype html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="description" content="Angular Interview Questions for beginners level">
8+
<meta name="viewport" content="width=device-width, initial-scale=1">
9+
<title>Angular Interview Questions - Beginners</title>
10+
11+
<!-- Page styles -->
12+
<link href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en"
13+
rel="stylesheet">
14+
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
15+
<link rel="stylesheet" href="../styles/material.min.css">
16+
<link rel="stylesheet" href="../styles/styles.css">
17+
<style>
18+
#view-source {
19+
position: fixed;
20+
display: block;
21+
right: 0;
22+
bottom: 0;
23+
margin-right: 40px;
24+
margin-bottom: 40px;
25+
z-index: 900;
26+
}
27+
</style>
28+
</head>
29+
30+
<body>
31+
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
32+
33+
<div class="dude-header mdl-layout__header mdl-layout__header--waterfall">
34+
<div class="mdl-layout__header-row">
35+
<span class="dude-title mdl-layout-title">
36+
<img class="dude-logo logo-main" src="../images/logo.png">
37+
</span>
38+
<!-- Add spacer, to align navigation to the right in desktop -->
39+
<div class="dude-header-spacer mdl-layout-spacer"></div>
40+
<div class="dude-search-box mdl-textfield mdl-js-textfield mdl-textfield--expandable mdl-textfield--floating-label mdl-textfield--align-right mdl-textfield--full-width">
41+
<label class="mdl-button mdl-js-button mdl-button--icon" for="search-field">
42+
<i class="material-icons">search</i>
43+
</label>
44+
<div class="mdl-textfield__expandable-holder">
45+
<input class="mdl-textfield__input" type="text" id="search-field">
46+
</div>
47+
</div>
48+
<!-- Navigation -->
49+
<div class="dude-navigation-container">
50+
<nav class="dude-navigation mdl-navigation">
51+
<a class="mdl-navigation__link mdl-typography--text-uppercase" href="">Beginners</a>
52+
<a class="mdl-navigation__link mdl-typography--text-uppercase" href="">Intermediate</a>
53+
<a class="mdl-navigation__link mdl-typography--text-uppercase" href="">Expertr</a>
54+
<a class="mdl-navigation__link mdl-typography--text-uppercase" href="">Coding Test</a>
55+
<a class="mdl-navigation__link mdl-typography--text-uppercase" href="">Basic JS</a>
56+
<a class="mdl-navigation__link mdl-typography--text-uppercase" href="">CSS</a>
57+
</nav>
58+
</div>
59+
<span class="dude-mobile-title mdl-layout-title">
60+
<img class="dude-logo-image" src="../images/logo.png">
61+
</span>
62+
<button class="dude-more-button mdl-button mdl-js-button mdl-button--icon mdl-js-ripple-effect" id="more-button">
63+
<i class="material-icons">more_vert</i>
64+
</button>
65+
<ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right mdl-js-ripple-effect" for="more-button">
66+
<li class="mdl-menu__item">Beginners Level-Terminology</li>
67+
<li class="mdl-menu__item">Beginners Level-Coding Ability</li>
68+
<li disabled class="mdl-menu__item">Beginners Level- Understandability</li>
69+
<li class="mdl-menu__item">dude History</li>
70+
</ul>
71+
</div>
72+
</div>
73+
74+
<div class="dude-drawer mdl-layout__drawer">
75+
<span class="mdl-layout-title">
76+
<img class="dude-logo logo-white" src="../images/logo-white.png">
77+
</span>
78+
<nav class="mdl-navigation">
79+
<a class="mdl-navigation__link" href="">All Questions</a>
80+
<a class="mdl-navigation__link" href="">JavaScript Questions</a>
81+
82+
<div class="dude-drawer-separator"></div>
83+
<span class="mdl-navigation__link" href="">Beginners Level</span>
84+
<a class="mdl-navigation__link" href="">Terminology Related</a>
85+
<a class="mdl-navigation__link" href="">Coding Ability Related</a>
86+
<a class="mdl-navigation__link" href="">Understandability Related</a>
87+
<div class="dude-drawer-separator"></div>
88+
<span class="mdl-navigation__link" href="">Intermediate Level</span>
89+
<a class="mdl-navigation__link" href="">Essential Terminology</a>
90+
<a class="mdl-navigation__link" href="">Build Medium Size App</a>
91+
<a class="mdl-navigation__link" href="">Understand Core Concpets</a>
92+
<div class="dude-drawer-separator"></div>
93+
<span class="mdl-navigation__link" href="">Expert Level</span>
94+
<a class="mdl-navigation__link" href="">Master a Large App Related</a>
95+
<a class="mdl-navigation__link" href="">Rock star and Fighter for angular</a>
96+
</nav>
97+
</div>
98+
99+
<div class="dude-content mdl-layout__content">
100+
<a name="top"></a>
101+
<div class="dude-be-together-section mdl-typography--text-center">
102+
<div class="logo-font dude-slogan">Angular Interview Questions - Beginner</div>
103+
<div class="logo-font dude-sub-slogan">master your skill... rock that interview... get the job you deserve.</div>
104+
<a href="#screens">
105+
<button class="dude-fab mdl-button mdl-button--colored mdl-js-button mdl-button--fab mdl-js-ripple-effect">
106+
<i class="material-icons">expand_more</i>
107+
</button>
108+
</a>
109+
</div>
110+
<div class="question-section">
111+
<div class="mdl-typography--display-1-color-contrast">Familiarity to Basic Terminology</div>
112+
<div class="question-container">
113+
<p class=question-link><a href="">1. What are the difference between angularJS (angular 1.0) and angular?</a></p>
114+
<p class=question-link><a href="">2. What is a component? why would you use it?</a></p>
115+
<p class=question-link><a href="">3. What is the minimum definition of a component?</a></p>
116+
<p class=question-link><a href="">4. What is a module and what does it contains?</a></p>
117+
<p class=question-link><a href="">5. What is a service and why will you use it?</a></p>
118+
<p class=question-link><a href="">6. What is a promise? Explain it in simple words.</a></p>
119+
<p class=question-link><a href="">7. What are the life cycle hooks for component and directives?</a></p>
120+
<p class=question-link><a href="">8. What is pipes?</a></p>
121+
<p class=question-link><a href="">9. What is a service and why would you use it?</a></p>
122+
<p class=question-link><a href="">10. What is a dumb component? and what are the benefits of dumb component?</a></p>
123+
</div>
124+
</div>
125+
<div class="dude-wear-section">
126+
<div class="dude-wear-band">
127+
<div class="dude-wear-band-text">
128+
<div class="mdl-typography--display-2 mdl-typography--font-thin">First try to answer yourself</div>
129+
<p class="mdl-typography--headline mdl-typography--font-thin">
130+
Don't assume you know the answers. Practice it as if you giving answers in front of the interviewer.
131+
</p>
132+
<p>
133+
<a class="mdl-typography--font-regular mdl-typography--text-uppercase dude-alt-link" href="">
134+
And then check answers below.&nbsp;<i class="material-icons">chevron_right</i>
135+
</a>
136+
</p>
137+
</div>
138+
</div>
139+
</div>
140+
<div class="dude-more-section" id="answers">
141+
<div class="dude-section-title mdl-typography--display-1-color-contrast">Answewrs to Basic Terminology</div>
142+
<div class="dude-card-container mdl-grid">
143+
<div class="mdl-cell mdl-cell--12-col mdl-cell--12-col-tablet mdl-cell--12-col-phone mdl-card mdl-shadow--3dp">
144+
<div class="mdl-card__title">
145+
<h4 class="mdl-card__title-text">Difference between angularJS (angular 1.0) and angular (angular 2+)</h4>
146+
</div>
147+
<div class="mdl-card__supporting-text">
148+
<span class="mdl-typography--font-light mdl-typography--subhead">Four tips to make your switch to dude quick and easy</span>
149+
</div>
150+
<div class="mdl-card__actions">
151+
<a class="dude-link mdl-button mdl-js-button" href="">
152+
Learn More
153+
<i class="material-icons">chevron_right</i>
154+
</a>
155+
</div>
156+
</div>
157+
<div class="mdl-cell mdl-cell--12-col mdl-cell--12-col-tablet mdl-cell--12-col-phone mdl-card mdl-shadow--3dp">
158+
<div class="mdl-card__title">
159+
<h4 class="mdl-card__title-text">2. What is a component? why would you use it?</h4>
160+
</div>
161+
<div class="mdl-card__supporting-text">
162+
<span class="mdl-typography--font-light mdl-typography--subhead">Answers here</span>
163+
</div>
164+
<div class="mdl-card__actions">
165+
<a class="dude-link mdl-button mdl-js-button mdl-typography--text-uppercase" href="">
166+
Learn More
167+
<i class="material-icons">chevron_right</i>
168+
</a>
169+
</div>
170+
</div>
171+
172+
173+
174+
175+
</div>
176+
</div>
177+
178+
<footer class="dude-footer mdl-mega-footer">
179+
<div class="mdl-mega-footer--top-section">
180+
<div class="mdl-mega-footer--right-section">
181+
<a class="mdl-typography--font-light" href="#top">
182+
Back to Top
183+
<i class="material-icons">expand_less</i>
184+
</a>
185+
</div>
186+
</div>
187+
188+
<div class="mdl-mega-footer--middle-section">
189+
<p class="mdl-typography--font-light">That JS Dude: © 2017</p>
190+
</div>
191+
192+
<div class="mdl-mega-footer--bottom-section">
193+
<a class="dude-link mdl-typography--font-light" href="www.thatjsdude.com">blog</a>
194+
<a class="dude-link mdl-typography--font-light" href="https://www.facebook.com/JhankarMahbub">facebook</a>
195+
<a class="dude-link mdl-typography--font-light" href="https://twitter.com/jsdude005">twitter</a>
196+
<a class="dude-link mdl-typography--font-light" href="https://github.com/khan4019">github</a>
197+
</div>
198+
199+
</footer>
200+
</div>
201+
</div>
202+
<a href="#answers" id="view-source" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-color--accent mdl-color-text--accent-contrast">Answers </a>
203+
<script src="../scripts/material.min.js"></script>
204+
205+
206+
</body>
207+
208+
</html>

‎angular/images/logo-white.png‎

4.31 KB
Loading

‎angular/images/logo.png‎

4.65 KB
Loading

‎angular/scripts/material.min.js‎

Lines changed: 10 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎angular/styles/material.min.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)