🎉 بخش Flexbox دوره مقدماتی به پایان رسید!

با انتشار قسمت‌های ۳۱ و ۳۲، آموزش Flexbox در این دوره به‌صورت کامل جمع‌بندی شد؛
از یادگیری flex-grow و flex-shrink تا بررسی پراپرتی‌های پیشرفته و تمرین عملی با Flex Froggy 🐸

اگر تا اینجا همراه بودی، الان تسلط خوبی روی چیدمان با Flex داری 👌
نوبت می‌رسه به ادامه مسیر و مباحث جذاب بعدی.

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

@codehalics

یکی از اتفاقات ترسناک و بامزه توی گیت هاب این بوده که یکی از Ai Agent های OpenClaw اومده روی یکی از لایبرری ها پول ریکوست زده و میتینر اون پکیج پول ریکوستش رو رد کرده حالا چیکار کرده باشه خوبه ؟
بات رفته یه مقاله در باره کسی که پول ریکوستشو رد کرده توی گیت هاب پیجز نوشته و مسخرش کرده مقالش هم خیلی بامزه است لینکش رو میزارم برید نگاه کنید
خلاصه که دنیای عجیبی داره میشه فقط اون تیکه اول مقالش که نوشته نه کدم بد بوده نه دانشم کم بود فقط چون ai هستم پول ریکوستم رد شد یاد ایرانی بودن خودمون افتادم که هیچ مشکلی نداریم ولی چون ایرانیم همیشه کارمون میخوره تو دیوار

https://crabby-rathbun.github.io/mjrathbun-website/blog/posts/2026-02-11-gatekeeping-in-open-source-the-scott-shambaugh-story.html


@codehalics

مبحث Position در CSS هم کامل شد ✅

قسمت‌های ۳۳ تا ۳۵ منتشر شد:
static و relative،
absolute،
fixed و sticky

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

https://codehalic.ir/courses/frontend-codecamp-beginners/videos/css-position-static-vs-relative-guide


https://codehalic.ir/courses/frontend-codecamp-beginners/videos/css-position-absolute-complete-guide

https://codehalic.ir/courses/frontend-codecamp-beginners/videos/css-position-fixed-vs-sticky-guide


@codehalics

پنتاگون تو عملیات بازداشت مادورو در ونزوئلا از هوش مصنوعی Claude استفاده کرده.

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

این اتفاق نشون دهنده نفوذ سریع هوش مصنوعی در ساختار جنگی پنتاگون و ناتوانی شرکت‌های سازنده در کنترل نحوه استفاده از ابزارهاشون توسط قدرت‌های نظامیه.


https://www.wsj.com/politics/national-security/pentagon-used-anthropics-claude-in-maduro-venezuela-raid-583aff17


@codehalics

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

https://codehalic.ir/blog/go-1-26-release-notes-persian-friendly-deep-dive-2026

@codehalics

‏از وقتی OpenClaw اومده ملت سعی کردن با زبان‌های برنامه‌نویسی دیگه ریفکتورش کنن. اینا معروف‌ترین ورژن‌هاست که توسط کامیونیتی منتشر شده:

‏نسخه‌ای که با Zig نوشتن فقط 1MB رم نیاز داره :))

@codehalics

کوبرنتیز در ۶۰ ثانیه
#فان

@codehalics

نسخه جدید Tailwind CSS منتشر شد! 📣🚀
امروز تیم توسعه‌دهنده Tailwind CSS 4.2.0 را منتشر کرد — یه سری تغییر کوچیک که ارزش نگاه انداختن داره.

تغییرات اصلی:
🎨 پالت رنگ‌های جدید مثل mauve، olive، mist و taupe اضافه شدن یه سری رنگ چرک طور هستن.

🔌 پلاگین رسمی Webpack برای ادغام آسان‌تر با اکوسیستم Webpack.

📐 ابزارهای CSS منطقی جدید برای فاصله‌ها و موقعیت‌دهی که تجربه توسعه در نوشته‌های راست‌به‌چپ و چپ‌به‌راست را بهبود می‌بخشند.

📏 کلاس‌های جدید برای اندازه‌های بلوک و خط (inline-size و block-size) که جایگزین width و height منطقی‌تر هستند.

🔤 امکان کنترل ویژگی‌های فونت (مانند ligatures و small caps) با utility جدید font-features-*.
⚠️ همچنین برخی کلاس‌های قدیمی در مسیر حذف هستند — پس حواستان به ارتقا و جایگزینی آن‌ها باشد.

اگر از Tailwind در پروژه‌های خود استفاده می‌کنید جزئیاتش را توی این لینک ببینید:

https://laravel-news.com/tailwindcss-4-2-0

@codehalics

📝 ali baghernia

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

#فان

@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