Carousel { #ReactJs}

Code

کلی آموزش و فایلای خوب توی راهه.
اینجا همه چی رایگانه ، حق عضویتش فقط دادن انرژی پای هر پست با زدن یه دکمه لایکه ❤️

💎 Channel: @htmlcss_channels

📥بیش از 50 ایده جالب پروژه #ReactJs به همراه کد از سطح مبتدی و متوسط

قبل از اینکه وارد پروژه React JS شوید، باید با اصول HTML، CSS و جاوا اسکریپت آشنا باشید. React JS یک کتابخانه جاوا اسکریپت است، به همین دلیل است که باید از اصول JS آگاه باشید.

📌با ساختن این پروژه های React JS چه چیزهایی یاد می گیرید؟

HTML و CSS , JS  , JSX , GIT , NodeJS + NPM , Redux

🔻🔻
https://www.codewithrandom.com/2024/03/14/react-js-projects-source-code/

#پروژه

💎 Channel: @htmlcss_channels

‼️چرا باید تایپ اسکریپت را یاد بگیریم؟

ممکن است این سوال برای توسعه‌دهندگان پیش آید که چرا با وجود زبان قدرتمندی مانند جاوا اسکریپت، نیاز به زبان دیگری مانند تایپ اسکریپت داریم. مزایای استفاده از زبان تایپ اسکریپت زمانی برای ما آشکارتر می‌شود که در پروژه‌های بزرگ ملزم به استفاده از جاوا اسکریپت باشیم. TypeScript به عنوان Superset زبان جاوا اسکریپت ارائه شده و هدف آن کدنویسی آسان با کم‌ترین میزان خطا و استفاده از ویژگی‌های پیشرفته‌ی زبان‌های شی‌گرا، جهت نوشتن برنامه‌های سمت سرور و سمت کاربر است. از طرفی، با توجه به سرعت بالای رشد و توسعه‌ی زبان‌های تحت وب، مرورگرها برای پشتیبانی و انتشار ویژگی‌های جدید در موتورهای خود، به مدت زمانی نسبتا طولانی نیاز دارند. اینجاست که بار دیگر #TypeScrip کارآیی خود را نشان می‌دهد. TypeScript با کتابخانه‌های محبوب جاوا اسکریپت مانند #ReactJS و #JQUERY سازگار است و پس از کامپایل، می‌توانید اطمینان حاصل کنید که خروجی نهایی کد شما با انواع مرورگرها سازگار خواهد بود. تایپ اسکریپت برای توسعه‌ی برنامه‌های AngularJS 2 توصیه شده است. بنابراین اگر علاقه‌مند به توسعه‌ی وب اپلیکیشن‌های خود با این فریم‌ورک هستید، می‌بایست ابتدا تایپ اسکریپت را فرا بگیرید زیرا برای نوشتن کدهای JavaScript درون انگولار از کدهای زبان TypeScript استفاده می‌شود. اگر اکنون با جاوا اسکریپت آشنایی دارید، مهاجرت به TypeScript برای شما مشکل‌ساز نخواهد بود؛ زیرا سینتکس TypeScript شباهت زیادی با Javascript و EC6 دارد و تمامی کدهای جاوا اسکریپت موجود، در تایپ اسکریپت معتبر شناخته می‌شوند. حتی می‌توانید با تغییر پسوند فایل‌ها از js به ts، از آن‌ها به عنوان کدهای تایپ‌اسکرپیت استفاده کنید.



💎 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

ReactJs cheat sheet


چیت شیت جدید آوردم ، چون شما خواسته بودید
رفقا با ری اکشن زدن و شیر کردن پستا حمایت کنید تا پستای بیشتر و با کیفیت تری بزاریم ❤️

#cheatsheet #HTML5 #CSS3 #javascript #ReactJS

💎 Channel: @htmlcss_channels

Technical #Interview React JS Questions and answers

#ReactJS

💎 Channel: @htmlcss_channels

🔴 Chatgpt.js - a powerful open-source JavaScript library for ChatGPT

A client-side JS library that allows you to easily interact with the ChatGPT DOM.
chatgpt.js library - feature-rich, object-oriented, easy to use and performant

🌐 Go to website



#HTML5 #CSS3 #javascript #ReactJS

💎 Channel: @htmlcss_channels

🟡 Random gradient color generator

Gradient generator. Creates both random and custom gradients

🖼️ Get code


#HTML5 #CSS3 #javascript #ReactJS

💎 Channel: @htmlcss_channels

این داشبورد اوپن سورس بینظیره . کدهاشو بررسی کردم، برای یادگیری و الهام گرفتن مناسبه


Free React Material UI dashboard theme & templates:

https://github.com/pbasiak/dev-fox-ui-mui-dashboard-theme




#HTML5 #CSS3 #javascript #ReactJS

💎 Channel: @htmlcss_channels

Login Form | HTML CSS



#HTML5 #CSS3 #javascript #ReactJS

💎 Channel: @htmlcss_channels

JavaScript cheat sheet


چیت شیت جدید 😍 ، چون شما خواسته بودید
رفقا با ری اکشن و شیر کردن پستا حمایت کنید تا پستای بیشتر و با کیفیت تری بزاریم ❤️

#cheatsheet #HTML5 #CSS3 #javascript #ReactJS

💎 Channel: @htmlcss_channels

Responsive Construction Website Design Using HTML CSS And JavaScript

Code: link
CDN Icon: link
Font : link
Icon : link
Js function: link
Scroll Reveal: link
Netlify: link

#HTML5 #CSS3 #javascript #ReactJS

💎 Channel: @htmlcss_channels

Responsive Space Website Design Using HTML CSS And JavaScript


Code : link


#HTML5 #CSS3 #javascript #ReactJS

💎 Channel: @htmlcss_channels

🖥 Terser - JavaScript code minifier

- npm install terser -g

Terser allows you to greatly compress JS code: it shortens variable names, removes whitespace, comments and unused code.
You can use it as a CLI or using the Node.js API.


🟡 Docks
🖥 GitHub



#Nodejs #javascript #ReactJS

💎 Channel: @htmlcss_channels

شروع کدنویسی با جاوا اسکریپت با این 18 پروژه آسان (به همراه کد)

https://morioh.com/p/687138c80b94?f=5c21fb01c16e2556b555ab32



#javascript #NodeJS #ReactJS

💎 Channel: @htmlcss_channels

Complete JavaScript Cheatsheet

چیت شیت جدید 😍 ، چون شما خواسته بودید
رفقا با ری اکشن و شیر کردن پستها حمایت کنید و بهم انرژی بدید❤️

#cheatsheet #HTML5 #CSS3 #javascript #ReactJS

💎 Channel: @htmlcss_channels