Html and Css & Jsآموزش

یه دوره خلاصه و مختصر و مفید برای دیزاین پترنها در js

https://git.ir/lynda-node-js-design-patterns/


#JavaScript

💎 Channel: @htmlcss_channels

React #Cheatsheet


💎 Channel: @htmlcss_channels

⌨️ #JavaScript: 5 Useful Regex



💎 Channel: @htmlcss_channels

Animated background [Spheres]


https://codepen.io/OfigenusMaximus/pen/qBLxEdv


#animation


💎 Channel: @htmlcss_channels

Success & Error popup

https://codepen.io/OfigenusMaximus/pen/XWooeYj


#Animation



💎 Channel: @htmlcss_channels

🔧 CSS TIP

Typing effect

<div class="wrapper">
  <div class="typing-demo">CSS Tips for you!</div>
</div>

.typing-demo {
    width: 17ch; /* Adjust based on the length of your text /
    animation: typing 12s steps(17) infinite, blink 0.5s step-end infinite alternate;
    white-space: nowrap;
    overflow: hidden;
    border-right: 3px solid;
    font-family: monospace;
    font-size: 2rem;
}

/ Typing and erasing animation /
@keyframes typing {
    0% { width: 0; }
    35% { width: 17ch; } / 4s for typing (1/3 of 12s) /
    70% { width: 17ch; } / 5s pause (adding up to 8.4s) /
    100% { width: 0; } / 3.6s for erasing (remaining time) /
}

/ Blinking cursor animation */
@keyframes blink {
    50% { border-color: transparent; }
}

JavaScript Interview Questions & Challenges 2023




#javascript #interview

💎 Channel: @htmlcss_channels

‼️ Need a roadmap for your developer journey? find it here

🔗 https://roadmap.sh

Here are 2 of the popular ones:

#Front_End:
🔗 https://roadmap.sh/frontend

#Back_End:
🔗 https://roadmap.sh/backend




#roadmap

💎 Channel: @htmlcss_channels