Shining Star | HTML CSS



💎 Channel: @htmlcss_channels

یک منبع خیلی کامل و جالب برای آمادگی مصاحبه های System Design .
اومده با تصویر سیستم های پیچیده رو خیلی خوب توضیح داده.
اگر قصد دارین تو حوزه خودتون خصوصا Back End دولوپرها، سنیور بشین، یادگیری و تحلیل این مباحث از واجباته ...

https://github.com/ByteByteGoHq/system-design-101

#مصاحبه
#interview

💎 Channel: @htmlcss_channels

اگر میخواید جاوااسکریپت رو درست یاد بگیرید بهترین راهش داشتن یه رودمپ مناسبه

با این رودمپ میتونید تو سی روز جاوااسکریپت رو تا حد خوبی یاد بگیرید
(هر روز جدا بخش بندی شده)

https://github.com/Asabeneh/30-Days-Of-JavaScript

#RoadMap
#JavaScript

💎 Channel: @htmlcss_channels

Switch Day and Night with the Cat | Css



⤷Get code


💎 Channel: @htmlcss_channels

سی روز با جاوااسکریپت
تو این ریپو سی پروژه جذاب و کوچیک با js هست

https://masabbasi.github.io/30-Days-Of-JavaScript-Code/

#معرفی_سایت
#JavaScript

💎 Channel: @htmlcss_channels

Dropdown Searchbar



💎 Channel: @htmlcss_channels

Dropdown Searchbar



💎 Channel: @htmlcss_channels

یه ریپوی معروف هست به اسم clean code javascript ترجمه فارسیش تو این ریپو هست، حتما به دردتون میخوره یه نگاهی بهش بندازید

https://github.com/MoeinMirkiani/clean-code-javascript-fa

#معرفی_سایت
#JavaScript

💎 Channel: @htmlcss_channels

متد های استرینگ جاوا اسکریپت که قطعا تو مصاحبه به دردتون میخوره
slice()
trim()
toLowerCase()
toUpperCase()
startsWith()
endsWith()
repeat()
substring()
concat()
valueOf()
split()
replaceAll()
indexOf()
charCodeAt()
charAt()
includes()
lastIndexOf()
fromCharCode()
padStart()
padEnd()

که میتونید از اینجا یاد بگیریدشون
https://talent500.co/blog/20-javascript-essential-string-methods-to-ace-your-next-interview/

#JavaScript #interview

💎 Channel: @htmlcss_channels

Neumorphism login form



💎 Channel: @htmlcss_channels

با  ری اکشن بهمون انرژی بدید❤️

💎 Channel: @htmlcss_channels

Carousel { #ReactJs}

Code

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

💎 Channel: @htmlcss_channels

Responsive Product Cards design with #HTML and #CSS



💎 Channel: @htmlcss_channels

OTP Code Verification #Form in #HTML #CSS & #JavaScript


Code



💎 Channel: @htmlcss_channels

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


https://github.com/nafasebra/awesome-webdesign-tools

#معرفی_سایت
💎 Channel: @htmlcss_channels

Image Hover #Animation in #HTML & #CSS



💎 Channel: @htmlcss_channels

ee Loader

تو این سایت جذاب هر نوع لودر ساده و زیبایی رو می تونید برای وبسایت تون پیدا کنید.

🌐 uiball.com/ldrs

#معرفی_سایت

💎 Channel: @htmlcss_channels

Font

Type a website and give its fonts

👇👇
https://fontofweb.com



💎 Channel: @htmlcss_channels

معرفی وبسایت FrontEnd Mentor

🔸 اگر از جمله افرادی هستید که تازه برنامه‌نویسی وب رو شروع کردید و دنبال یک سری تمرین برای افزایش مهارت خودتون هستید، توی این پست قراره یه سایت رو بهتون معرفی کنم که این مشکل رو براتون رفع کرده. لینک سایت رو در انتهای پست قرار دادم.

🔹یکی از امکانات جذاب وبسایت این هستش که میتونه با بقیه رقابت کنید و خودتون رو به چالش بکشید، همچنین با جمع کردن مقدار مشخصی امتیاز میتونید برای خودتون یک پروفایل ایجاد کنید که میتونه در پیدا کردن شغل بهتون کمک کنه.

🔸 این سایت تمرین‌های متفاوتی داره که میتونید با توجه به سطح خودتون هر کدوم از تمرین‌ها رو انتخاب کنید و اون رو انجام بدید و پس از انجام دادن، کدهاتون رو داخل سایت آپلود کنید تا دیگر برنامه‌نویسان هم کدهای شما رو ببینند و اگر در حل چالش مشکل داشتند از کد‌های شما ایده بگیرند و یا اگر کد شما مشکلی داشته باشه اون رو به شما گوشزد کنند.

https://www.frontendmentor.io/

#معرفی_سایت

💎 Channel: @htmlcss_channels

Social buttons effects

Code


#button

💎 Channel: @htmlcss_channels