Forem: Sandeep Machiraju

What are Fonts ? Why should a #webdeveloper learn about it !!!

Sandeep Machiraju — Fri, 18 Aug 2023 17:54:33 +0000

This is post about my recent medium blog post on fonts for advanced web development.

🔗 Medium Blog : https://medium.com/@sandeep-machiraju/1-understanding-fonts-fonts-for-advanced-web-dev-d273fec93fa3

please do follow me on medium for more blog posts on advanced web development.

How many of you read blogs 📑 ? read news online 📰 ? or may be go deep in the news article in Inshorts by swiping right!

As a regular reader of blogs and online books , it feels frustrating for me especially when website takes time to load. I know many people feel same way with website loading and even sometimes i don't close other browser tabs just because i hate re-rendering and loading of everything.

In this medium blog series , i will be explaining in detail about fonts , font loading , font delivery , font rendering , in between which i will be also covering CSS properties and javascript , where ever required i will be attaching references to websites i learned them from for more clarity.

Advanced #WebDev #frontend #typography #advanced

Angular 11 + Tensor js in Youtube

Sandeep Machiraju — Sat, 06 Feb 2021 19:22:41 +0000

Please do subscribe and share
🔴 YouTube channel link :
https://youtube.com/channel/UCgzAaqAQjS-FVveLQ0WZBCw
Famous in List -
Angular 11 + Tensor js :
https://youtu.be/FGXwTFy2s_w
.
MRK Tutorials - Free Tutorials & Tips for all
MRK Tutorials is a channel for learning . We here make learning easy .We promise you the best , we promise you we wont
compromise , we promise you we teach you everything we know , we promise to learn and teach if we don't know

Simply , MRK Tutorials - Free Tutorials & Tips for all
📖 Tutorials on
1) web development - HTML ,CSS ,JavaScript ,Angular ,React ,jQuery , Typescript , Rxjs
2) graphic design
3) web design
4) Backend - Python , Nodejs
And much more

Just go through our channel , it gives good glance and also makes you want to learn more and more

⭐️ Languages
1) English
2) Telugu
3) Hindi

We are in - Links Above
🔵Telegram
🟦 Facebook
🟪 Instagram
🐦Twitter

JavaScript DOM Tutorial for Beginners: Learn JavaScript DOM in 1 Hour [2021]

Sandeep Machiraju — Fri, 29 Jan 2021 14:37:24 +0000

Topics covered in this video :
➡️ What is DOM ?
➡️ DOM Element

➡️ Property vs Attribute vs Method

➡️ Creating Element
➡️ Accessing Element
➡️ Using Property of Element
➡️ CSS Manipulation of Element
➡️ Using Attribute to invoke Property right way
➡️ Dynamically Adding Elements to DOM

➡️ Accessing Element using CSSOM Selector (ie querySelector)

➡️What is DOM Event ?
➡️Event Target
➡️Accessing Events on Event Target
➡️Examples on Two Ways of Accessing Events on Event Target
➡️Event Attributes

➡️Event handler
➡️Event Listeners

➡️When to use What ?

➡️ What is DOM ? : https://youtu.be/a0ax0yXSHiw

➡️ What is Document Interface ? : https://youtu.be/EVNbGVMlANs

➡️ Property vs Method vs Attribute : https://youtu.be/dXEJcw7XNqQ

➡️ DOM Element : https://youtu.be/hr5yQ1VwF0I

💎 FOLLOW US ON Twitter : https://twitter.com/MrkTutorials

💎 FOLLOW US ON Instagram : https://www.instagram.com/mrk_tutorials/

javascript #dom #property #attribute #method

Reach us at :
📧 : mrktutorials@outlook.com

Credits :
📒 Tutor Name & Editing : Sandeep Machiraju

Follow on :
⚡️ https://www.instagram.com/sandeep_mac...
⚡️ https://www.facebook.com/sandeepM20598

⭐️ Github Link : https://github.com/machirajusaisandee... ⭐️

JavaScript is one of the most popular programming languages in 2021. A lot of people are learning JavaScript to become front-end and/or back-end developers.

I've designed this JavaScript tutorial for beginners to learn JavaScript from scratch. We'll start off by answering the frequently asked questions by beginners about JavaScript and shortly after we'll set up our development environment and start coding.

What is DOM
DOM stands for Document Object Model. When a browser loads a web page, the browser creates a Document Object Model of that page.

In simple terms you can think of the DOM as an application programming interface (API) for HTML, and we can use programming languages like JavaScript, or JavaScript frameworks like Angular to access and manipulate the HTML using their corresponding DOM objects.

In other words DOM contains the HTML elements as objects, their properties, methods and events and it is a standard for accessing, modifying, adding or deleting HTML elements.

Also Watch :
➡️ Installing Node js :
https://www.youtube.com/watch?v=AW0oa...

➡️ 5 Major Places to Use Node js
https://youtu.be/S5SMVGV-gs8

This course will help you learn web development in 2021 and beyond. Mastering these technical skills is vital to your career as a software developer. Whether you want to get a full-time job or become a freelance developer. Or whether you want to become a full-stack or front-end developer... You HAVE to master JavaScript DOM.

JavaScript DOM Crash Course
This crash course focuses on the DOM WITHOUT JQUERY. In this part we will talk about what the JavaScript DOM (Document Object Model) is and we will look at the different selectors like

➡️ document.getElementById()
➡️ document.getElementsByClassName()
➡️ document.getElementsByTagName()
➡️ document.querySelector()
➡️ document.querySelectorAll()

We will also look at how to change content and styles via these selectors
Element object represents an HTML element.
Element is the most general base class from which all element objects (i.e. objects that represent elements) in a Document inherit.
It only has methods and properties common to all kinds of elements.

dom #javascript #dommanipulation #javascriptforbeginners

JavaScript Tutorial | What is Dom? | Document Object Model

Abbreviation : Document Object Model (DOM)

The DOM is a programming API for HTML and XML documents .

It defines the logical structure of documents and the way a document is accessed and manipulated . and this logical structure can be expressed as tree

Document is object or interface that represents webpage loaded.
If you want to access any element in an HTML page, you always start with accessing the document object.
So, it is an interface and represents any web page loaded in the browser and serves as an entry point into the web page's content, which is the DOM tree.
Basically , it is the root of the document tree, and provides the primary access to the document's data.

Dom element | Dom crash course - Js Dom manipulation - frontend

Sandeep Machiraju — Tue, 05 Jan 2021 17:47:21 +0000

This is one of best video on javascript Dom please do 💨 watch and
❤️ subscribe ❤️

https://m.youtube.com/watch?v=hr5yQ1VwF0I&feature=youtu.be

DOM + Javascript
• Javascript can change and add nodes in the DOM
• Javascript can delete elements from the DOM tree
• Javascript can add or change the style (CSS) of the DOM element
• Javascript can set new attributes to the DOM element and can remove and modify older attributes.

HTML DOM

There are 3 parts of W3C DOM standard:
• Core DOM
• XML DOM
• HTML DOM
• When a webpage has loaded the browser creates a Document Object Model, which is an object-oriented representation of HTML document, called HTML, DOM.

DOM introduction:

The DOM stands for Document Object Model, it is an interface that allows developers to interact and control the Elements of the web.

The Document Object Model is a model that defines HTML and XML documents as a tree structure.

HTML DOM uses Javascript to interact with the document.

🔥Angular 11 + Tensor js 🔥

Sandeep Machiraju — Sun, 20 Dec 2020 19:51:49 +0000

https://youtu.be/FGXwTFy2s_w
Please do subscribe Angular + tensor

May be future of #ui is in predicting hands by #ai 😋😄
It`s awesome to learn something new this weekend.😉

Angular 11 and Tensor js | Blur Background Video Calling | Finger Gesture Control
220 views

Angular 11 and Tensor js along with GitHub link in description below .

TensorFlow.js is a JavaScript library developed by Google for training and using machine learning (ML) models in the browser. It’s a companion library to TensorFlow, a popular ML library for Python. Read on to learn about its features, its future, and how it can help you

📹 SUBSCRIBE OUR Channel 📹

💎 FOLLOW US ON Twitter : https://twitter.com/MrkTutorials

💎 FOLLOW US ON Instagram : https://www.instagram.com/mrk_tutorials/

Reach us at :
📧 : mrktutorials@outlook.com

Credits :
📒 Tutor Name & Editing : Sandeep Machiraju

Follow on :
⚡️ https://www.instagram.com/sandeep_mac...
⚡️ https://www.facebook.com/sandeepM20598

⭐️ GitHub Link : https://github.com/machirajusaisandee... ⭐️

Also Watch :
➡️ Installing Node js :
https://www.youtube.com/watch?v=AW0oa...

➡️ 5 Major Places to Use Node js
https://youtu.be/S5SMVGV-gs8

➡️ What is DOM ?
https://www.youtube.com/watch?v=a0ax0...

Future of UI is in hands of Ai is proven correctly here 😄 .

These days zoom , google meet etc such video calling apps are mostly used , I wanted to know how bluring and virtual background are implemented.
Being huge fan of Ironman , I also wanted to control whats available on screen just with gestures , so implemented swipe gesture and todo list (move in list , check and uncheck ) (need to try lot more 😄)
Thankfully,Tensor js which is developed by google helped me solve problem without need of backend much

Useful links :
➡ https://github.com/tensorflow/tfjs-mo...
➡ https://github.com/tensorflow/tfjs-mo...
➡ https://github.com/andypotato/fingerpose

#css3 practice , keyboard with complete css and small js for toggle gradient like RGB keyboard

Sandeep Machiraju — Mon, 20 Jul 2020 17:25:37 +0000

https://github.com/machirajusaisandeep/keyboard-css

Forem: Sandeep Machiraju

What are Fonts ? Why should a #webdeveloper learn about it !!!

Angular 11 + Tensor js in Youtube

JavaScript DOM Tutorial for Beginners: Learn JavaScript DOM in 1 Hour [2021]

➡️ Property vs Attribute vs Method

➡️ Accessing Element using CSSOM Selector (ie querySelector)

➡️When to use What ?

💎 FOLLOW US ON Instagram : https://www.instagram.com/mrk_tutorials/​

javascript​ #dom​ #property​ #attribute​ #method​

⭐️ Github Link : https://github.com/machirajusaisandee...​ ⭐️

dom​ #javascript​ #dommanipulation​ #javascriptforbeginners​

JavaScript Tutorial | What is Dom? | Document Object Model

It defines the logical structure of documents and the way a document is accessed and manipulated . and this logical structure can be expressed as tree

Dom element | Dom crash course - Js Dom manipulation - frontend

🔥Angular 11 + Tensor js 🔥

#css3 practice , keyboard with complete css and small js for toggle gradient like RGB keyboard

💎 FOLLOW US ON Instagram : https://www.instagram.com/mrk_tutorials/

javascript #dom #property #attribute #method

⭐️ Github Link : https://github.com/machirajusaisandee... ⭐️

dom #javascript #dommanipulation #javascriptforbeginners