www.tecforfun.com
Open in
urlscan Pro
2606:4700:3032::6815:15c4
Public Scan
Submitted URL: http://www.tecforfun.com/
Effective URL: https://www.tecforfun.com/
Submission: On January 19 via manual from GB — Scanned from GB
Effective URL: https://www.tecforfun.com/
Submission: On January 19 via manual from GB — Scanned from GB
Form analysis 2 forms found in the DOM
Name: contact-form —
<form class="cm-contact-form" name="contact-form"><input class="list_id" name="list_id" type="hidden">
<h2 class="title">Subscribe</h2>
<p class="subTitle">Sign up for our newsletter and stay up to date</p>
<div class="inputBlock"><label>Email</label><span class="wp-caption-text required-text" style="color:#e00">*</span><input class="email" name="email" type="email" oninvalid="setCustomValidity('Please enter a valid email address')"
oninput="setCustomValidity('')" required=""></div>
<div class="disclaimer"><input class="consent_check" name="consent_check_761491b8-84d4-42b3-b078-637e9a100287" id="consent_check_761491b8-84d4-42b3-b078-637e9a100287" type="checkbox"><label for="consent_check_761491b8-84d4-42b3-b078-637e9a100287"
class="disclaimer-label">Can we send you an email from time to time?</label></div><button class="wp-block-button__link submit-button">Subscribe</button>
</form>https://www.tecforfun.com/
<form role="search" class="search-form" action="https://www.tecforfun.com/"><label><span class="screen-reader-text">Search for:</span>
<input type="search" class="search-field" placeholder="Search..." name="s" data-swplive="true" data-swpengine="default" data-swpconfig="default" tabindex="-1" autocomplete="off" aria-owns="searchwp_live_search_results_65aa62a98ddba"
aria-autocomplete="both" aria-label="When autocomplete results are available use up and down arrows to review and enter to go to the desired page. Touch device users, explore by touch or with swipe gestures.">
<button class="search-submit ast-search-submit" aria-label="Search Submit">
<span hidden="">Search</span>
<i><span class="ast-icon icon-search"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="-893 488 142 142" enable-background="new -888 480 142 142" xml:space="preserve">
<path d="M-787.4,568.7h-6.3l-2.4-2.4c7.9-8.7,12.6-20.5,12.6-33.1c0-28.4-22.9-51.3-51.3-51.3 c-28.4,0-51.3,22.9-51.3,51.3c0,28.4,22.9,51.3,51.3,51.3c12.6,0,24.4-4.7,33.1-12.6l2.4,2.4v6.3l39.4,39.4l11.8-11.8L-787.4,568.7 L-787.4,568.7z M-834.7,568.7c-19.7,0-35.5-15.8-35.5-35.5c0-19.7,15.8-35.5,35.5-35.5c19.7,0,35.5,15.8,35.5,35.5 C-799.3,553-815,568.7-834.7,568.7L-834.7,568.7z"></path>
</svg></span></i></button></label>
<input type="submit" class="search-submit" value="Search">
</form>Text Content
Skip to content
MAKE GREAT DEVELOPERS
* Home
* Learn Menu Toggle
* JavaScript
* JS frameworks & libraries
* WooCommerce
* WordPress
* CSS
* MISC
* Series
* Sitemap
* Contact me
MAKE GREAT DEVELOPERS
Main Menu
* Home
* Learn Menu Toggle
* JavaScript
* JS frameworks & libraries
* WooCommerce
* WordPress
* CSS
* MISC
* Series
* Sitemap
* Contact me
SOFTWARE SYSTEMS DESIGN PATTERNS: MAKE YOU A PROFESSIONAL DEVELOPER
Leave a Comment / MISC / Dinesh
What is a Design Pattern? A software design pattern is a general reusable
solution to a commonly occurring problem within a given context in software
design. It represents best practices evolved by experienced software developers.
Design patterns are not templates or finished designs that can be transformed
directly into code. Instead, they provide general principles […]
Software Systems Design Patterns: Make You A Professional Developer Read More »
HOW TO USE REDUCERS WITH USEREDUCER HOOK IN REACT
Leave a Comment / JS frameworks & libraries / Dinesh
1. How to Add Special Symbols & S...
Please enable JavaScript
Video Player is loading.
Play Video
PauseSkip Backward
Unmute
Current Time 0:03
/
Duration 4:15
Loaded: 14.10%
0:03
Stream Type LIVE
Seek to live, currently behind liveLIVE
Remaining Time -4:12
1x
Playback Rate
Chapters
* Chapters
Descriptions
* descriptions off, selected
Captions
* captions settings, opens captions settings dialog
* captions off, selected
Audio Track
* main, selected
Auto(360pLQ)
* 1080pFHD
* 720pHD
* Auto(360pLQ)
ShareFullscreen
This is a modal window.
Beginning of dialog window. Escape will cancel and close the window.
TextColorWhiteBlackRedGreenBlueYellowMagentaCyanOpacityOpaqueSemi-TransparentText
BackgroundColorBlackWhiteRedGreenBlueYellowMagentaCyanOpacityOpaqueSemi-TransparentTransparentCaption
Area
BackgroundColorBlackWhiteRedGreenBlueYellowMagentaCyanOpacityTransparentSemi-TransparentOpaque
Font Size50%75%100%125%150%175%200%300%400%Text Edge
StyleNoneRaisedDepressedUniformDropshadowFont FamilyProportional
Sans-SerifMonospace Sans-SerifProportional SerifMonospace
SerifCasualScriptSmall Caps
Reset restore all settings to the default valuesDone
Close Modal Dialog
End of dialog window.
2. 1. Now Playing
Up NextHow to Add Special Symbols & Signs on PC | Beginner's
Guide
4:15
2. Now Playing
Up NextWeTeach_CS Curriculum Scholarship Promo
3:51
3. Now Playing
Up NextComment moudre - Thermomix ® TM5 FR
0:22
4. Now Playing
Up NextComment moudre - Thermomix ® TM5 FR
0:22
5. Now Playing
Up NextComment fouetter - Thermomix ® TM5 FR
0:20
6. Now Playing
Up NextComment fouetter - Thermomix ® TM5 FR
0:20
7. Now Playing
Up NextComment remuer - Thermomix ® TM5 FR
0:22
8. Now Playing
Up NextBECA 2020 TESTEOSPERFORMATIVOS
3:41
9. Now Playing
Up NextComment fouetter - Thermomix ® TM5 FR
0:20
10. Now Playing
Up NextSpot _CREDITO PARA EMPRENDEDORES_
1:00
11. Now Playing
Up NextHow to Add Special Symbols & Signs on PC | Beginner's
Guide
4:15
12. Now Playing
Up NextWeTeach_CS Curriculum Scholarship Promo
3:51
13. Now Playing
Up NextComment moudre - Thermomix ® TM5 FR
0:22
14. Now Playing
Up NextComment moudre - Thermomix ® TM5 FR
0:22
15. Now Playing
Up NextComment fouetter - Thermomix ® TM5 FR
0:20
16. Now Playing
Up NextComment fouetter - Thermomix ® TM5 FR
0:20
17. Now Playing
Up NextComment remuer - Thermomix ® TM5 FR
0:22
18. Now Playing
Up NextBECA 2020 TESTEOSPERFORMATIVOS
3:41
19. Now Playing
Up NextComment fouetter - Thermomix ® TM5 FR
0:20
20. Now Playing
Up NextSpot _CREDITO PARA EMPRENDEDORES_
1:00
21.
Please enable JavaScript
Video Player is loading.
Play Video
PlaySkip Backward
Mute
Current Time 0:00
/
Duration 4:15
Loaded: 2.35%
0:00
Stream Type LIVE
Seek to live, currently behind liveLIVE
Remaining Time -4:15
1x
Playback Rate
Chapters
* Chapters
Descriptions
* descriptions off, selected
Captions
* captions settings, opens captions settings dialog
* captions off, selected
Audio Track
* main, selected
Picture-in-Picture
Auto(360pLQ)
* 1080pFHD
* 720pHD
* Auto(360pLQ)
ShareFullscreen
This is a modal window.
Beginning of dialog window. Escape will cancel and close the window.
TextColorWhiteBlackRedGreenBlueYellowMagentaCyanOpacityOpaqueSemi-TransparentText
BackgroundColorBlackWhiteRedGreenBlueYellowMagentaCyanOpacityOpaqueSemi-TransparentTransparentCaption
Area
BackgroundColorBlackWhiteRedGreenBlueYellowMagentaCyanOpacityTransparentSemi-TransparentOpaque
Font Size50%75%100%125%150%175%200%300%400%Text Edge
StyleNoneRaisedDepressedUniformDropshadowFont FamilyProportional
Sans-SerifMonospace Sans-SerifProportional SerifMonospace SerifCasualScriptSmall
Caps
Reset restore all settings to the default valuesDone
Close Modal Dialog
End of dialog window.
In a previous post, I talked about how to use Reducers in vanilla JavaScript and
HTML projects. In that post, you learned that while the reducers are pure
functions that you can use with State Management libraries such as, you can
still use Reducers in other types of projects that do not use Redux. In
How to use Reducers with useReducer hook in React Read More »
REDUCERS UNLEASHED: UNLOCK STATE MANAGEMENT MASTERY
Leave a Comment / JavaScript / Dinesh
Have you ever heard of the term ‘Reducers’ or ‘Reducer’ when working with React
and Redux? If you’ve worked with React, you might have used state management
libraries such as Redux, which employs reducers. In Redux, the reducer is one of
the three main components, alongside the store and actions. However, in this
post, I
Reducers Unleashed: Unlock State Management Mastery Read More »
WEBSOCKETS: UNLEASHING ENCHANTING REAL-TIME MAGIC
Leave a Comment / JavaScript / Dinesh
What are WebSockets? WebSockets enable real-time, bidirectional (full-duplex)
communication between clients and the server over a single, long-lived TCP
connection. What does it mean by ”real-time, bidirectional( full-duplex )
communication”? This means data can be transmitted in both ways on a
transmission medium between the transmitter and the receiver at the same time.
And now
WebSockets: Unleashing Enchanting Real-Time Magic Read More »
UNVEILING THE MAGIC: ARRAYS IN REACT FOR DYNAMIC UI WONDERS
Leave a Comment / JS frameworks & libraries / Dinesh
Introduction to Arrays in React Hey there, fellow developer! If you’ve got a
solid grasp of arrays in JavaScript, you’re in for a treat. We’re about to
unlock a new level of awesomeness by exploring how arrays in React play a key
role in crafting dynamic user interfaces. Embracing the Array Magic Think of
arrays
Unveiling the Magic: Arrays in React for Dynamic UI Wonders Read More »
HOW TO INTEGRATE OPENSTREETMAP WITH REACT TYPESCRIPT
Leave a Comment / JS frameworks & libraries / Dinesh
In this post, I am going to show you how to integrate OpenStreetMap with React
Typescript. If you have never worked with OpenStreetMaps ( OSM ), you can read
this post on OSM and React, and then come back here to develop this demo
application. I use TypeScript instead of JavaScript in this demo app.
How to Integrate OpenStreetMap with React TypeScript Read More »
PYTHON FOR JAVASCRIPT DEVS: EMPOWERING JS DEVELOPERS TO SOAR
Leave a Comment / Python / Dinesh
Welcome JavaScript Developers to the world of Python! Whether you’re a seasoned
programmer or just starting out, Python’s intuitive syntax and versatility make
it an excellent addition to your skill set. In this guide, we’ll guide you
through the basics of setting up Python and getting ready to write your first
lines of code. While
Python for JavaScript Devs: Empowering JS Developers to Soar Read More »
JEST: THE ULTIMATE TESTING FRAMEWORK FOR JAVASCRIPT APPLICATIONS
Leave a Comment / JS frameworks & libraries / Dinesh
Jest is a popular open-source JavaScript testing framework maintained by
Facebook. It is primarily used for testing JavaScript applications, including
client-side (frontend) and server-side (backend) code. Jest is particularly
known for its ease of use, powerful features, and comprehensive testing
capabilities. You can do the following kinds of tests with Jest The App we will
Jest: The Ultimate Testing Framework for JavaScript Applications Read More »
INTRODUCTION TO UNDERSCORE.JS: SIMPLIFY WEB DEVELOPMENT WITH POWERFUL UTILITY
FUNCTIONS
Leave a Comment / JS frameworks & libraries / Dinesh
What is Underscore.js ? Underscore.js is a popular JavaScript library that
provides utility functions for common programming tasks. It is commonly used in
web development to simplify and enhance the manipulation of arrays, objects,
functions, and other data structures. Underscore.js offers a wide range of
functions that help with tasks such as iterating over collections,
Introduction to Underscore.js: Simplify web development with Powerful Utility
Functions Read More »
PROMISE IN JAVASCRIPT: THE FUNDAMENTALS IN 10 MINUTES
Leave a Comment / JavaScript / Dinesh
What is a promise in JavaScript ? A promise in JavaScript is an object
representing the eventual completion or failure of an asynchronous operation.
Since most people are consumers of already-created promises, this guide will
explain consumption of returned promises before explaining how to create them.
A promise is an object that indicates if an
Promise in JavaScript: The Fundamentals in 10 minutes Read More »
Post pagination
1 2 … 8 Next →
SUBSCRIBE
Thank you for subscribing!
SUBSCRIBE
Sign up for our newsletter and stay up to date
Email*
Can we send you an email from time to time?
Subscribe
Search for: Search
RECENT POSTS
* Software Systems Design Patterns: Make You A Professional Developer
* How to use Reducers with useReducer hook in React
* Reducers Unleashed: Unlock State Management Mastery
* WebSockets: Unleashing Enchanting Real-Time Magic
* Unveiling the Magic: Arrays in React for Dynamic UI Wonders
* About
* Contact me
* Disclosure Policy
* Privacy Policy
Scroll to Top
x
x
🌎
✕
🍪 PRIVACY & TRANSPARENCY
We and our partners use cookies to Store and/or access information on a device.
We and our partners use data for Personalised advertising and content,
advertising and content measurement, audience research and services development
. An example of data being processed may be a unique identifier stored in a
cookie. Some of our partners may process your data as a part of their legitimate
business interest without asking for consent. To view the purposes they believe
they have legitimate interest for, or to object to this data processing use the
vendor list link below. The consent submitted will only be used for data
processing originating from this website. If you would like to change your
settings or withdraw consent at any time, the link to do so is in our privacy
policy accessible from our home page..
Manage Settings Continue with Recommended Cookies
Vendor List | Privacy Policy