Html and Css & Jsآموزش

CSS Card Hover Effects | #HTML & #CSS

Code : link


💎 Channel: @htmlcss_channels

Click Animations | #HTML #CSS #JavaScript


💎 Channel: @htmlcss_channels

Responsive Card Slider Using #HTML #CSS & #JavaScript | Swiper Js


Code : link



💎 Channel: @htmlcss_channels

Build A Responsive E-Commerce Website Using #HTML #CSS And #JavaScript


Code : link



💎 Channel: @htmlcss_channels

دوره آموزش react js (مقدماتی تا پیشرفته) : ری اکت جی اس به زبان ساده اما اصولی


منبع : link
➖➖🔻➖➖
📌اگه تازه شروع به یادگیری طراحی سایت کردید این ویدیو ها رو ببینید ( به زبان فارسیه)

🌟آموزش html از صفر
https://t.me/htmlcss_channels/391

🌟آموزش Css از صفر
https://t.me/htmlcss_channels/391

🌟آموزش جاوااسکریپت از صفر
https://t.me/htmlcss_channels/402

#JavaScript
#html
#css
#ReactJS

💎 Channel: @htmlcss_channels

Rings and Sphere | #HTML #CSS #JavaScript




💎 Channel: @htmlcss_channels

html-react-parser - TypeScript tool for converting #HTML to React

— npm i html-react-parser


Here's a simple usage example:

import parse from 'html-react-parser';

parse('<p>Hello, World!</p>'); 

// React.createElement('p', {}, 'Hello, World!')

🖥 GitHub
👉 Example


💎 Channel: @htmlcss_channels

Make a Responsive Search Bar in #HTML #CSS & #JavaScript


Code



💎 Channel: @htmlcss_channels

میتونید با انجام چالش های این وبسایت که از سطح مبتدی تا پشرفته طراحی شده تمرین کنید و توی فرانت حرفه ای تر شوید

https://frontendmentor.io/




#معرفی_سایت


💎 Channel: @htmlcss_channels

#HTML Input Types - Explained with Examples

Enhance form functionality with HTML input types! Explore examples for text, radio, checkbox, and more, mastering diverse elements for dynamic user interactions


https://morioh.com/a/166ec4d08712/html-input-types-explained-with-examples



💎 Channel: @htmlcss_channels

How to Create Responsive Registration Form in #HTML & #CSS


Code : link



💎 Channel: @htmlcss_channels

HTML & CSS



💎 Channel: @htmlcss_channels

HTML & CSS



💎 Channel: @htmlcss_channels

Animated Rings | HTML CSS



💎 Channel: @htmlcss_channels

🖥 docsify - cool JS website generator with documentation

— npm i docsify

docsify creates a documentation site literally on the fly. Unlike GitBook, it does not generate static html files. Instead, it intelligently downloads and parses Markdown files and then displays them as a website.

To start using docsify, you just need to create an index.html and deploy it to GitHub Pages.

🖥 GitHub : https://github.com/docsifyjs/docsify

🟡 Docks : https://docsify.js.org/#/?id=docsify

🟡 Examples of use : https://github.com/docsifyjs/awesome-docsify#showcase


💎 Channel: @htmlcss_channels

🔊 Voice Recognition in JS

The Web Speech API allows interaction with voice interfaces in your web applications. It consists of two parts: SpeechSynthesis (Text-to-Speech) and SpeechRecognition (Asynchronous Speech Recognition).

<h2>Voice Recognition</h2>
<p id="transcription"></p>
<button id="startRecognitionButton">Record</button>

const startRecognitionButton = document.getElementById("startRecognitionButton");
const transcription = document.getElementById("transcription");
startRecognitionButton.addEventListener("click", function () {
  const recognition = new webkitSpeechRecognition();
  recognition.lang = "en-US";
  recognition.onresult = function (event) {
   const transcript = event.results[0][0].transcript;
    transcription.textContent = transcript;};
  recognition.onerror = function (event) {
    console.error("Error:", event.error);};
  recognition.start();});

💎 Channel: @htmlcss_channels

HTML & CSS & JS


💎 Channel: @htmlcss_channels