Search This Blog

Zeek HTML,CSS and JS

This is Zeeshan A.Khan and This is my blog which covers basics of HTML,CSS and JavaScript.It contains an index page for ease of access.This blog has two self made html websites name CarWebsite.html and index.html and index.html is responsive too and website layout by CSS grid template and many more ....I want to improve my web-development skills and want to learn further with interaction through this blog.Also I use this blog for references of topics for myself. Thank You..

HTML -zeek(1-12).html, CSS-zeek(13-45).html, JavaScript-zeek(46-60).html, Node.js-zeek 62

Github (Click Here)

More…

Posts

Showing posts with the label Synchronous (or blocking) execution

Show all

zeek65.js

Get link
Facebook
X
Pinterest
Email
Other Apps

- September 08, 2021

//Synchronous (or blocking) execution means the first task in a program must finish processing before moving on to executing the next task //line by line execution.

Labels

.getElementById
.getElementsByClassName
.indexOf
.lastIndexOf
.length
.push()
.querySelector
.replace
.slice()
.toLowerCase

.toUpperCase
.trim()
(Layout created through concepts of HTML and CSS[mainly Flexbox] )
(num1++ and ++num1)
@media
@media (minwidth) and (maxwidth)
©
 
£
<em>
<h1>
<hr>
<p>
<strong>
active
Adding string by .getElementById and .innerHTML
Advance Selectors in CSS
alert()
anchor tags to link pages
Animation Setting in two different Ways
Array vs Object
array[n]:n is order
Arrays
Arrow Functions
Asynchronous (or non-blocking) execution
auto-fit
background color
background image
background images and its details
Background-Image
balance
before and after Selectors for background-image
Block Elements
border attributes like its radius or color or location of radius
Box-Shadow(shadow inside and outside of box)
box-sizing:border-box
Button
change object by string concept
chrome developer tools
Class Selector
clear:left or right or both
confirm()
Create new File(zeek.txt)
Creating Custom Variables
CSS Display Property
CSS Fonts
CSS for webpage for big screen(i.e-Computer)
CSS for webpage when screen is small(i.e-Mobile Phone)
CSS Grid Column
CSS Grid Rows and Columns
CSS Grid Template area
Cursor
Custom Backend in NodeJS
Date and Time
Different commands or ways to write margin and padding
Different ways to create array
display:flex
display:grid
display:none
display=inline-block
Element Selector
em
Event performed and Event handling
Examples of semantic elements: <form><table><details><summary>and <article>
express framework
External CSS file for zeek14.html
family
Fastest way to make layout of website
First index then phone CSS link
First responsive website
flex-(direction/wrap/flow)
flex-(grow/shrink/basis)
Float and clear
float:left or right
font-(family)(size)(weight)(style)
FontSize
Forms
Full working navBar
Function in JavaScript
function keyword use
Getting present date in JS
greenery
grid gap
grid template columns-(auto/fr/repeat/number)
Grouping Selector
happy
Header Class
heaven
Height of paragraph area
hover
How certain selectors choose element:
How to implement or manage colors
How to link( Inline /Internal /External ) CSS to HTML page
How to make Forms
How to use node.js in Visual Studio Code?
HTML Entities
Id Selector
IDS AND CLASSES IN HTML
If-else conditionals
Importing a Font through google font
In this html page you learn how to include javascrpt and css sheet
Index of this blog
index.css
Inline Elements
input type_(date/reset/number/radio/text/email/Submit/checkbox)
inspect on chrome
Install or uninstall package like express or slugify or nodemon
Installing and Using Pug
Introduction to JavaScript and some basic questions
Introduction to node.js
Itterating array by for(i=0;i<n;i++){} and for(elements of abc){}
itterating object by for(key in employee){}
Javascript
JS| ${variable}|.length|Effect of \n and \t
JSON.parse-Convert String to object
JSON.stringify-Convert object to string
justify-content and align-items
Keyframes
line-height
link for developer tools
link to open in new tab we use target="_blank"
list_style_type
Live Server
Makes Syntax Small
Margin
Math.[pow()/sqrt()/abs()/sin()/cos()/min()/max()/random()]
MathFunctions
Media Query-Allow to specify when certain CSS rule apply
minmax
multiple classes in one tag
navbar image
Navigating DOM in JS
Navigation_Bar
NodeJs Modules
nth pseudo selector to style for pattern
Once set can be used again and again
Opacity of background image
Operands
Operators-(Unary/Binary/Arthimetic/Exponential)
order
Ordered and Unordered lists
overflow:auto
Padding
phone.css
Places to add javascript in html page.
position:absolute
position:fixed
position:relative
position:sticky
postman
prompt()
Pseudo_Selectors
Read File(zeek64.txt)
rem
Replace Text
Responsive grid without any media query
Responsive page
Responsive website
Return in JavaScript
Scope of(var/const/let)
SEMANTIC TAGS
Serving static files
Serving the files based upon user requests
setInterval-(Adding time in page)
setTimeout-(giving message after interval time)
Setting new date
SIZE UNITS
Spanning in Row and Column of CSS Grid
str[n]
stress
style anchor with specific target
style input with specific type
Switch case condition
Synchronous (or blocking) execution
Tables
tension
text_decoration
Text-Shadow(shadow of text)
TextArea
Theory regarding CSS
thinking
Timing Events
Transform Property
transform:{rotate()/skew()/scale()/translate(x y)}
Transition Property in CSS
transition-(duration/delay/ timing-function)
Use of alert /prompt /confirm describe in body
Using Grid template Areas
Using npm
Variables
vh-viewport height
View versions of package
visibility:hidden
visiting
vw-viewport width
water
Ways to create event(addEventListener or create function)
what is CSS?
Width of paragraph area
working on terminal
Z-index not work static or default
Z-Index to solve overlapping issue
zeek41.css

Show more Show less