INDEX OF ZEEK HTML,CSS and JS
HTML Concepts ( zeeshan.html to zeek12.html )
Name
Title
Labels
Include javascrpt and css sheet
In this html page you learn how to include javascrpt and css sheet
Image and Links using anchor tags
anchor tags to link pageslink to open in new tab we use
target="_blank"
Forms
How to make Formsinput
type_(date/reset/number/radio/text/email/Submit/checkbox)TextArea
Semantic Elemnts
Examples of semantic elements: <form>
<table><details><summary><article>
CSS Concepts ( zeek13.html to zeek45.html )
Name
Title
Labels
Developer Tools
link for developer toolschrome developer toolsinspect on
chromemultiple classes in one tag
CSS Fonts
font-(family)(size)(weight)(style)Importing a Font through google
fontline-heightCSS Fonts
Height,Width,Border and Background
Width of paragraph areabackground colorHeight of paragraph
area
Borders and Backgrounds
background images and its details border attributes like its radius
or color or location of radius
CSS Box Model,Margin and Padding
Different commands or ways to write margin and padding
box-sizing:border-box Padding Margin
CSS tutorial:Float and Clear
clear:left or right or both float:left or right Float and
clear
Pseudo Selectors and more designing
Pseudo_Selectors hover active visited
Button Cursor FontSize
Navigation Bar
Navigation_Bar Header Class list_style_type
text_decoration overflow:auto
CarWebsite(Self-Made using Forms,Background-Image and Navigation_Bar)
Name
Title
Labels
CSS Concepts continued...
Name
Title
Labels
Visibility and Z-index
Z-index not work static or default visibility:hidden
Z-Index to solve overlapping issue display:none
CSS FlexBox
display:flex flex-(direction/wrap/flow) justify-content
and align-items flex-(grow/shrink/basis) order
nth psuedo child selector
style anchor with specific target style input with specific
type nth pseudo selector to style for pattern
Background Opacity
before and after Selectors for background-image Opacity of
background image
Box and Text Shadow
Box-Shadow(shadow inside and outside of box) Text-Shadow(shadow of
text)
CSS Transition Effects
Transition Property in CSS transition-(duration/delay/
timing-function)
Transform Property
Transform Property transform:{rotate()/skew()/scale()/translate(x
y)}
Mental Health Site(Self-Made and responsive)
Name
Title
Labels
Mental Health Welfare
First responsive website phone.css index.css
First index then phone CSS link
images for index.html
stress
background image tension greenery balance happy navbar
image family water thinking heaven
CSS Concepts continued...
Name
Title
Labels
CSS Grid Column
display:grid CSS Grid Column grid template
columns-(auto/fr/repeat/number) grid gap
Media Query and CSS Grid
Using Grid template Areas, @media (minwidth) and (maxwidth)
Responsive website
JavaScript Concepts ( zeek46.html to zeek62.html )
Name
Title
Labels
Introduction to JavaScript frontend and backend
Introduction to JavaScript and some basic questions
Variables,Data-Types and Operators
Variables (num1++ and ++num1)
Operators-(Unary/Binary/Arthimetic/Exponential) Operands
Strings in JavaScript
Adding string by .getElementById and .innerHTML JS|
${variable}|.length|Effect of \n and \t
String Functions in JavaScript
.indexOf .slice() .toUpperCase .replace
toLowerCase .trim() .lastIndexOf str[n]
Scope and Conditionals
Scope of(var/const/let) If-else conditionals Switch case
condition
Arrays and Objects in JavaScript
array[n]:n is order Array vs Object Different ways to
create array .length .push() Arrays
Functions in JavaScript
Function in JavaScript function keyword use Return in
JavaScript
Alert,Prompt and Confirm in JS
alert() confirm() prompt() Use of alert /prompt
/confirm describe in body
Loop
itterating object by for(key in employee) for(elements of
abc){} Itterating array by for loop
Navigating DOM in javascript
.getElementById .querySelector
.getElementsByClassName Navigating DOM in JS
Event Listening in JavaScript
Ways to create event(addEventListener or create function) Event
performed and Event handling
Set Time-Out and interval
Timing Events setTimeout-(giving message after interval time)
setInterval-(Adding time in page)
JSON Tutorials
JSON.stringify-Convert object to string change object by string
concept JSON.parse-Convert String to object
Node JS concepts(zeek62 to 69)
Name
Title
Labels
Introduction to Node js
Introduction to node.js How to use node.js in Visual Studio
Code?
zeek64.js, zeek64.txt and zeek.txt
NodeJs Modules Read File(zeek64.txt) Replace Text
Create new File(zeek.txt)
(index.js and index.html ,about.html , services.html , contact.html )
Serving the files based upon user requests Full working navBar
Custom Backend in NodeJS
(package.json and zeek69.js)
Using npm Install or uninstall package like express or slugify or
nodemon View versions of package
Express in Node
Name
Title
Labels
(app.js, package.json,demo.pug , index.js)
Serving static files Installing and Using Pug
Comments
Post a Comment