تم های رایگان و متنوع بوت استرپ برای برنامه نویسان فرانت اند 🔝

این طرح ها آپدیت میشن و میتونید از این طرح ها توی طراحی ها استفاده کنید طرح ها همراه با کد هاشون قرار داده شدن⚡️

👉 https://bootswatch.com

#bootstrap #frontend #web
☕️ @CodeExplore

ریپازیتوری از برنامه های کاربردی وب آسیب پذیر 💯

یک فهرست جامع نگهداری شده از تمام برنامه های کاربردی وب آسیب پذیر برای یادگیری امنیت وب ☄️

🌪 github.com/OWASP/OWASP-VWAD

#security #owasp #web
☕️ @CodeExplore

آیکن های آماده در فرمت های مختلف برای استفاده در طراحی های وب و موبایل 🔥

👉 pixelbuddha.net/freebie/web-and-mobile-icons-bundle

#icon #web #app
☕️ @CodeExplore

💻 یک فول استک دولوپر به چه چیز هایی باید تسلط داشته باشه؟

⭐️ البته توجه داشته باشید که تسلط به همه اینها ضروری نیست،مثلا اگر پایتون و جنگو بلد باشید لازم نیست node js بلد باشید!

#web #fullstack
☕️ @CodeExplore

دوتا منبع کاربردی و مفید برای یادگیری برنامه نویسی وب و اندروید همراه با مدرک معتبر که میتونید ازشون برای یادگیری برنامه نویسی استفاده کنید.

🔗https://web.dev/learn

🔗https://developer.android.com/courses

#web #android
☕️ @CodeExplore

⚪️سایت Omatsuri یک جعبه ابزار برای web developer هاست که شامل ابزارهای مختلفی مثل Page dividers ،SVG compressor، Gradient generator و بسیاری از ابزار های دیگه هست و میتونه توی فرایند توسعه وب به شما کمک کنه. Omatsuri به صورت اوپن سورس ارائه شده و تمام ابزارهای اون به صورت رایگان قابل استفاده هستن.

🔗 https://omatsuri.app

#web #developer #tools
☕️ @CodeExplore

✌️ 4 کتابخونه معروف جاوااسکریپت که برای بازی سازی تحت وب می تونین استفاده کنید:

1️⃣Three.js

2️⃣PhaserJs

3️⃣Babylon.js

4️⃣CreateJs

#javascript #game_development #web
☕️ @CodeExplore

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

1️⃣ درخواست و پاسخ HTTP:
- وقتی شما یک آدرس وب (URL) وارد می‌کنید، مرورگر یک درخواست به سرور ارسال می‌کند.
- سرور جواب را به مرورگر برمی‌گرداند که شامل محتوای صفحه (مثل HTML، CSS، جاوااسکریپت، و تصاویر) است.

2️⃣ تجزیه و تحلیل محتوا:
- مرورگر HTML را تحلیل کرده و یک مدل درختی به نام DOM می‌سازد.
- CSS را هم تحلیل کرده و به DOM اضافه می‌کند تا مدل CSSOM ساخته شود.
- جاوااسکریپت هم اجرا می‌شود و ممکن است تغییراتی در DOM بدهد.

3️⃣ نمایش صفحه:
- مرورگر مدل‌های DOM و CSSOM را به یک درخت رندرینگ تبدیل می‌کند.
- مکان و اندازه هر عنصر مشخص می‌شود و سپس عناصر به نمایش در می‌آیند.

4️⃣ تعاملات کاربر:
- مرورگر به کلیک‌ها، تایپ‌ها و اسکرول‌ها پاسخ می‌دهد.
- این تعاملات ممکن است باعث درخواست‌های جدید HTTP یا تغییرات در صفحه شوند.

5️⃣ بهینه‌سازی و کشینگ:
- مرورگر از کش برای کاهش زمان بارگذاری صفحات استفاده می‌کند.
- کش مرورگر می‌تواند شامل فایل‌های HTML، CSS، جاوااسکریپت، و تصاویر باشد.

❤مرورگرهای محبوب و موتورهای رندرینگشون:
- گوگل کروم: موتور Blink
- فایرفاکس: موتور Gecko
- سافاری: موتور WebKit
- مایکروسافت اج: موتور Blink

این فرآیندها به سرعت انجام میشن تا کاربر سریع تر وبسایت رو ببینه

#browser #web
☕️ @CodeExplore

👾هوش مصنوعی Uizard به برنامه نویسا و طراحان این امکان رو میده به‌ سرعت رابط‌های کاربری (UI) و نمونه‌های اولیه (prototype) برای پروژه سایت یا اپ های خودشون بوجود بیارن. این ابزار قابلیت تبدیل طرح های ساده به کد و یا طرح داره و به برنامه نویسا کمک میکنه تا فرایند طراحی رو سریعتر انجام بدن.

🔗https://uizard.io/

#ui #app #web #programming
☕️ @CodeExplore

🔥یه سایت خفن آوردم که اگه بک اند کار هستین خیلی به کارتون میاد، با استفاده از سایت زیر میتونین تمرین وب اسکرپینگ انجام بدین و مهارتتون رو افزایش بدین، لذتشو ببرین

🌐 scrapethissite.com

#site #web_scraping
☕️ @CodeExplore </DENVER>