و حالا داکر در ۶۰ ثانیه

#فان

@codehalics

یه رود مپ خیلی خوب برای کسایی که میخوان تو مباحث فرانت عمیق بشن کانسپت های پایینه که بهتون دید خیلی خوبی توی فرانت میده و سعی کنین بلدش باشین تو مصاحبه ها ممکنه ازش سوال پرسیده بشه
Hydration
Partial hydration
Islands architecture
Streaming SSR
Concurrent rendering
Time slicing
Reconciliation algorithm
Fiber architecture
Virtual DOM diffing complexity
Structural sharing
Immutable data patterns
Referential equality
Memoization pitfalls
Stale closure problem
Event loop (macro vs microtasks)
Task starvation
Layout thrashing
Critical rendering path
Render blocking resources
Tree shaking internals
Code splitting strategies
Dynamic import chunking
Module federation
Shadow DOM
Custom Elements lifecycle
Web Components interoperability
Web Workers vs Service Workers
SharedArrayBuffer
Transferable objects
OffscreenCanvas
WebAssembly integration
Browser compositing layers
Paint vs composite vs layout
GPU acceleration in CSS
CSS containment
Subpixel rendering
IntersectionObserver internals
ResizeObserver loop limits
MutationObserver cost
IndexedDB
Service Worker lifecycle traps
Cache invalidation strategies
Stale-while-revalidate
ETag vs Cache-Control
HTTP/3 and QUIC
Priority hints
Preload vs Prefetch vs Preconnect
CORS preflight
SameSite cookie modes
CSRF vs XSS mitigation
Content Security Policy (CSP)
Trusted Types
DOM clobbering
Prototype pollution
Race conditions in UI state
Tearing in concurrent UI
Scheduler priorities
Render waterfalls
Suspense boundaries
Selective hydration
Server components
Edge rendering
Micro-frontend orchestration
Finite state modeling
Event sourcing in frontend
Optimistic UI rollback strategy
Offline conflict resolution
CRDT basics for collaboration
WebRTC
Backpressure in streams API
AbortController
Streaming fetch response handling
Browser memory leak detection
Detached DOM nodes
Garbage collection timing
PerformanceObserver API
Long tasks API
First Input Delay (FID)
Interaction to Next Paint (INP)
Cumulative Layout Shift (CLS)
Largest Contentful Paint (LCP)
Speculative prerendering
Priority inversion in async code
Deterministic rendering
Idempotent UI actions
Accessibility tree
ARIA live regions internals
Pointer events

@codehalics

🚀 آپدیت دوره مقدماتی فرانت‌اند | فصل CSS تکمیل شد

فصل آموزش Measurement در CSS به دوره اضافه شد و حالا می‌تونید واحدهای اندازه‌گیری رو کاملاً اصولی و کاربردی یاد بگیرید 👇

🔹 قسمت ۳۶: تفاوت واحدهای Absolute و Relative (px، em، rem) – ۱۰ دقیقه
🔹 قسمت ۳۷: بررسی تخصصی px، em و rem + طراحی مقیاس‌پذیر – ۱۸ دقیقه
🔹 قسمت ۳۸: مقایسه کامل lvh، svh، dvh، vh و vw + نکات حرفه‌ای ریسپانسیو موبایل

اگر می‌خواید چیدمان‌های دقیق، استاندارد و حرفه‌ای طراحی کنید، این فصل رو از دست ندید 💪🔥

🎯 مناسب برای کسایی که می‌خوان CSS رو عمیق و اصولی یاد بگیرن.

https://codehalic.ir/courses/frontend-codecamp-beginners

@codehalics

با این ابزار متن‌باز میتونید واترمارک های Gemini Nano Banana رو حذف کنید. همون ستاره اون گوشه عکس که جنریت میکنه و خیلی رو مخه !

سایت:
https://banana.ovo.re

پروژه : https://github.com/journey-ad/gemini-watermark-remover

@codehalics

دلم میسوزه برای هر کسی که به یه امید واهی تو این کشور استارتاپ داره یه نونی داره میبره سر سفرش ، کدهالیک که بیزینس من نیست ازشم پولی در نمیارم اینطوری اذیت میشم هر بار میام میبینم چیزی که تا دیروز درست کار میکرده هر دفعه باید مث یه بچه دو ساله بالا سرش بپا بزاری مراقب باشی که چارتا Dns تخمی رو دست کاری نکنن که بتونه چارتا ادرس ریزالو کنه و تایم اوت نخوره
این وضعیت اینترنت ایرانه تازه واسه یه سایت زپرتی که هیچ درآمدی نداره دیگ اون بیزینسی که هر لحظه داره پول درمیاره حقوق میده و مالیات میده و ... بماند
اگر امیدی ب ساختن این مملکت و استارتاپ این مزخرفات دارید امیدی واهی است !
حرفه ای یاد بگیرید و از کشور فرار کنید

والسلام

@codehalics

🚀 آپدیت دوره مقدماتی CSS منتشر شد!

دو قسمت جدید اضافه شد 👇

🎬 قسمت ۳۹
آموزش کامل Overwriting در CSS + تفاوت Overwrite، Override و Overloading به زبان ساده

🎬 قسمت ۴۰
بررسی عملی اولویت‌ها در CSS (Specificity، Cascade و !important) و نحوه صحیح بازنویسی استایل‌ها



⏱ مجموعاً حدود ۴۰ دقیقه آموزش

https://codehalic.ir/courses/frontend-codecamp-beginners


@codehalics

تفاوت دپندنسی های Rust در مقابل React Native

توکیو - موتور اجرای کدهای async و کارهای همزمان

اکسوم - فریم‌ورک ساخت API و بک‌اند

لپتوس - ساخت وب‌اپ کامل با راست (فرانت و بک با هم)

دایوکسوس - ساخت رابط کاربری شبیه ری‌اکت برای وب و دسکتاپ

@codehalics

کرسر از این به بعد فقط diff نشون نمی‌ده، دمو هم نشون می‌ده.

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

نتیجه؟
سریع‌تر می‌فهمی چی ساخته شده، دقیق‌تر فیدبک می‌دی… و عملاً داره QAها رو کم‌کم حذف می‌کنه.


@codehalics

لیارا دسترسی به میرور هاش رو عمومی کرده و از این ب بعد میتونید از میرور هاش در زمان قطعی اینترنت یا کندی اینترنت استفاده کنید
یه سر به سایتش بزنین و سیو داشته باشید برای روز مبادا



https://liara.ir/mirrors

@codehalics

برای توسعه محصولات نرم‌افزاری خود به یک Front-End Developer مسلط به Next.js و React جهت همکاری پاره‌وقت و کاملاً دورکار نیازمندیم.

🔹 مهارت‌های کلیدی:
Next.js • React • TypeScript • Tailwind • REST API • Git

🔹 مزایا:
انعطاف زمانی | پروژه‌های مقیاس‌پذیر | همکاری بلندمدت | پرداخت منظم

🚀 ایمیل برای ارسال رزومه :
Info@gscloud.ir

پ.ن : تایید یا ردشون نمیکنم من از پست لینکدین برداشتم ک از بچه های کدهالیک زودتر بهشون ایمیل و درخواستا برسه
حتما موقع قرارداد بستن و این چیزا حواستون باشه

@codehalics

اگه می‌خوای گولنگ رو از صفر شروع کنی، به نظرم بهترین کار اینه که از یه boilerplate درست حسابی شروع کنی.

مثلاً یه پروژه با Gin و ساختار Clean Architecture.

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

به‌جای اینکه درگیر این باشی پروژه رو چطور استارت بزنی، تمرکزت می‌ره روی خود کدنویسی و یادگیری.

برای کسی که می‌خواد گولنگ رو اصولی یاد بگیره، این نقطه شروع خیلی انتخاب خوبیه.

https://github.com/amitshekhariitbhu/go-backend-clean-architecture


@codehalics

این روزا یکی از ابزارایی که خیلی تو کارم کمکم کرده Metabase هست.

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

توی کار من که مدام باید از دیتابیس گزارش بگیرم، هم سرعت رو برده بالا هم تمرکزم رو از نوشتن کوئری برده سمت تحلیل خود دیتا.

اگه با دیتا و گزارش سر و کار داری، به نظرم متابیس ارزش یه نگاه جدی رو داره.

مثلا من کوئری پر کاربردم رو داخلش گذاشتم که هر بار رفرش میکنم ریزالت هاشو ببینم

به طور مثال تعداد افرادی که امروز ثبت نام کردند یه کوئری عه که باید هر بار خودم دستی اجراش میکردم ولی الان متابیس بهم میگه کوئری رو بهم بده برات مانیتورش میکنم و ریزالتش رو بهت نمایش میدم

تقریبا کار ادمین داشبورد رو برام انجام میده ولی خیلی خیلی توسعه رو راحت میکنه مخصوصا تیم های مختلف که ازت گزارش میخوان راحت کوئری مینویسی ویژالایز میکنی که ببینن

این پروژه اوپن سورسه و میشه سلف هاستد اجراش کرد

https://github.com/metabase/metabase

@codehalics

یکی از چیزای دیگ ای که دارم این روزا یاد میگیرم این پکیجه است که مدیریت ویندو رو توی مک او اس راحت تر میکنه
اگ ویدیو های آموزشی منو دیده باشید دقت کردین که چقد مصیبته منیج کردن این ویندو ها مخصوصا وقتی دو تا ویندو میخوای کنار هم بزاری
این پکیجه اومده این موضوع رو حل و فصل کنه از این ب بعد هم تو آموزشا ازش استفاده میکنم

https://github.com/MrKai77/Loop

@codehalics

بامزه و مرتبط به دوره هامون بود یکم :))))))

@codehalics

بچه ها امیدوارم حال همگی خوب باشه نمیدونم واقعا تو این وضعیت و اوضاع باید چی بگم امیدوارم همتون رو صحیح و سلامت ببینم هم خودتون و خانواده هاتون ❤️🙏
تنها کمکی که از دستم برمیاد دوره های برنامه نویسی که داشتیم ادامه میدادیم من حتی تو همین اوضاع جنگی و بی اینترنتی دارم آپدیتشون میکنم که تو این اوضاع جنگ اگر تونستین یکمی از اخبار دور باشید و ببینید دوره ها رو
ولی حواستون باشه اول ایمنی خودتون و بعد خانوادتون رو تو این مدت جدی بگیرید

امیدوارم برای هیچکسی هیچ اتفاقی نیوفته
پاینده ایران❤️

@codehalics

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

توی این بخش‌ها کلی نکته کاربردی از طراحی لایوت، ریسپانسیو کردن بخش‌های مختلف، کار با فونت‌ها، هدر و ناوبری، دراپ‌داون، فوتر و سکشن Hero رو با هم تمرین می‌کنیم و عملاً وارد فضای انجام یک پروژه واقعی می‌شیم.

اگر تو این شرایط به اینترنت دسترسی دارید و می‌خواید از زمانتون برای یادگیری استفاده کنید، حتما این قسمت‌های جدید دوره رو ببینید. مطمئنم چیزهای زیادی ازش یاد می‌گیرید و در نهایت یک نمونه‌کار خوب هم خواهید داشت. 💻🔥

سایت روی اینترنت ملی در دسترس هست و نیازی به vpn نیست !

https://codehalic.ir/courses/frontend-codecamp-beginners

@codehalics

لیست میرورهای داخلی ایران توی این شرایط به کارتون میاد

🐧 میرورهای لینوکس
- mirror.arvancloud.ir
- mirror.iranserver.com
- mirror.mobinhost.com
- repo.iut.ac.ir
- mirror.shatel.ir

📦 رجیستری‌های داکر
- arvancloud.ir/fa/dev/docker
- docker.mobinhost.com
- mirrors.pardisco.co/posts/docker
- focker.ir
- docker.kernel.ir

🌐 میرور npm و pypi و داکر و ابزارهای مرسوم دیگه
- runflare.com/mirrors
- lib.arvancloud.ir
- mirrors.pardisco.co
- mirror.iranserver.com
- mirrors.hyperclouds.ir
- iran.chabokan.net/#services
- index.rust-meetup.ir

📱 ریپو maven برای اندروید
- maven.myket.ir
- jamko.ir

👾 ریپو وزارت ارتباطات توش همه چی هست
- repo-portal.ito.gov.ir

اگه میرور دیگه‌ای می‌شناسید که داخل این لیست نیست می‌تونید تو کامنت‌ها با بقیه به اشتراک بذارید

@codehalics

کدهالیکیای عزیز
سال نو مبارک
آرزوی یک سال آرام و همراه با سلامتی برای همه‌تون دارم.
به امید روزهای خوب، تا دوباره در کنار هم بتونیم کار و زندگی کنیم.
مراقب خودتون باشید ❤️

@codehalic

پروژه لندینگ اسنپ رو تکمیل کردم
و تقریبا بخش Css دورمون تکمیل شد

هم css رو جمع‌بندی می‌کنیم، هم یه پروژه واقعی رو قدم‌به‌قدم با هم می‌سازیم و کلی نکته کاربردی درباره ریسپانسیو و flex یاد می‌گیری

15 قسمت رو تکمیل کردم بیشتر از ۱۰ ساعت شد کلش !

رایگانه و حتی با اینترنت ملی هم می‌تونی ببینیش

https://codehalic.ir/courses/frontend-codecamp-beginners

@codehalics

برای پشتیبانی دوره ها و آپدیت ها مجبورم که یه گروه و کانال توی اینترانت ملی داشته باشم

اگر دوست داشتید و مایل بودید توی بله
این گروه و کانال رو داریم

گروه:
ble.ir/join/HTNnXNym59

کانال:

ble.ir/join/7Ci3hm4Ge5


@codehalics