آموزش برنامه نویسی فرانت اند
8.19K subscribers
328 photos
47 videos
26 files
113 links
👈🏻 ارتباط با من: @codelines_support 🔅

عرفان رضایی هستم ❤️
و اینجا خیلی ساده بهت یاد میدم
چطوری اصولی #برنامه_نویسی #فرانت_اند یاد بگیری 💻
که هم لذت ببری و هم وارد بازار کار بشی
😍🥇
@satisfaction_codelines 👈 نتایج و رضایت دوره

آدرس سایت 👈🏻: codelines.ir
Download Telegram
⚡️ دستورهای مهم Git

• git init
• git clone
• git add
• git commit
• git push
• git pull
• git merge
• git rebase
• git stash
• git cherry-pick
🔥2
📌برای یادگیری برنامه نویسی فرانت اند پیش نیازی لازمه داشته باشم؟؟

🔎هیچی نمیدونم از برنامه نویسی فرانت اند چیکار کنم منم میتونم؟؟



❗️هیچ پیش‌نیازی لازم نیست!

برای شروع برنامه‌نویسی، لازم نیست هیچی بلد باشی.

من همه‌چی رو از صفر مطلق یادت می‌دم

هر چیزی که لازم داری، از پایه گفتم، حتی نرم‌افزارایی که باید نصب کنی رو مو به مو توضیح دادم.

تنها چیزی که باید بلد باشی اینه:
چطور سیستم‌تو روشن و خاموش کنی!

پس نگران هیچی نباش، فقط شروع کن 💪
3
از کجا بفهمم برای برنامه‌نویسی ساخته شدم؟

🧠 لازم نیست از قبل بدونی!
باید امتحانش کنی 💻
فقط یه مدت باهاش کار کن، اگه:

🧱 از ساختن یه چیز جدید لذت بردی
👨‍💼 حس کردی کارت واسه خودته
💸 آزادی مالی برات جذابه
🧩 از حل کردن مشکل‌ها خسته نمی‌شی
🌱 دیدی که داری رشد می‌کنی...

💡 بدون که مسیر درستو پیدا کردی!

هیچ‌کس از اول نمی‌دونه واسه چی ساخته شده،
ولی کسی که امتحان نکنه، هیچ‌وقت نمی‌فهمه! 🚀
2🔥1
اگه یک محاسبه سنگین داری که در هر رندر دوباره اجرا می‌شه، از useMemo استفاده کن.

مناسب برای:
فیلتر کردن لیست‌های بزرگ
مرتب‌سازی داده‌ها
محاسبات سنگین

برای هر متغیری از useMemo استفاده نکن؛ استفاده ازش هزینه داره .
🔥2👍1👌1
🤦🏻‍♂️عادت هایی که وقتت را هدر می‌ده

دیدن آموزش بدون تمرین
تغییر مداوم زبان برنامه‌نویسی
کامل کردن ۵۰ دوره
دنبال بهترین لپ‌تاپ بودن
مقایسه با دیگران
حفظ کردن کد
کپی از ChatGPT بدون فهمیدن
پروژه نزدن
ترس از اشتباه
کامل‌گرایی
5🔥1🙏1
فرانت‌اند بهتره یا بک‌اند؟

🎯 اگه از صفر می‌خوای شروع کنی، زود به درآمد برسی و دلسرد نشی،
بدون شک: فرانت‌اند انتخاب بهتریه!

چرا؟ 👇
یادگیری آسون‌تر
⏱️ زمان کمتر
💼 فرصت شغلی بیشتر (تقریباً تو همه آگهی‌ها HTML, CSS, JS رو می‌خوان)

🧠 وقتی اینا رو خوب یاد گرفتی و تجربه جمع کردی،
برو سمت بک‌اند
اون‌وقت می‌تونی فول‌استک دولوپر بشی 💻⚙️

💰 و درآمدت؟ راحت چند برابر میشه!

🧩 پس عجله نکن، هوشمندانه شروع کن:
فرانت‌اند اول → بک‌اند بعد
هم مسیر رو بلدی، هم جیبت پرتره 😉
5🔥1
کدوم متد برای تبدیل رشته JSON به شیء جاوااسکریپت استفاده میشه؟
Anonymous Quiz
17%
JSON.stringify()
24%
JSON.parse()
28%
JSON.object()
31%
JSON.convert()
🌿 پکیج جامع برنامه‌نویسی فرانت‌اند 🌿

📌 شامل دوره‌های:

🌱 HTML & CSS
🌱 JavaScript
🌱 React.js
🌱typeScript
🌱next js

از مقدماتی تا پیشرفته دوره ها تدریس شدن – کاملاً پروژه‌محور و تمرین‌محور

همراه با پشتیبانی VIP (۶ ماهه)

🎁 هدیه ویژه: دوره‌ی Git & GitHub روی این پکیج تقدیم میشه

💡 ویژگی‌ها:
حداقل ۴۰ پروژه‌ی کاربردی + تمرینات
سطح‌بندی‌شده

مجموعاً ۶۴ ساعت آموزش کامل

دسترسی ماد‌ام العمر به دوره‌ها + دریافت آپدیت‌های رایگان

📚 آموزش تمام پکیج‌ها و ابزار های کاربردی مورد نیاز بازار کار

🎁 هدیه ویژه دوم :

فایل PDF
۱۰۰ سوال تستی با
جواب تشریحی از مباحث تدریس شده
به قیمت ۳۹۸ رایگان تقدیم می‌شود
4🔥2
آموزش برنامه نویسی فرانت اند
🌿 پکیج جامع برنامه‌نویسی فرانت‌اند 🌿 📌 شامل دوره‌های: 🌱 HTML & CSS 🌱 JavaScript 🌱 React.js 🌱typeScript 🌱next js از مقدماتی تا پیشرفته دوره ها تدریس شدن – کاملاً پروژه‌محور و تمرین‌محور همراه با پشتیبانی VIP (۶ ماهه) 🎁 هدیه ویژه: دوره‌ی Git & GitHub…
🎁 هدیه ویژه سوم : در کنار دوره های پکیج
دوره ی از کد تا استخدام هم به صورت رایگان تقدیم میشه

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

این دوره بهتون یاد میده که
توی ویترین نمونه کارهاتون چه پروژه هایی بذارید
چطوری رزومه حرفه ای بنویسید
چطوری و کجا ها کار و پروژه پیدا کنید
روی کدوم آگهی ها درخواست ثبت کنید
بعد از تایید چطوری از پس مصاحبه های فنی و غیر فنی بر بیاید


جهت اطلاع از سرفصل ها و توضیحات بیشتر👇🏻

https://codelines.ir/package
3🔥1
📌 انواع داده‌های پایه در برنامه‌نویسی

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

📝 String
برای نگهداری متن:
let name = "Sara";

🔢 Number
برای نگهداری عدد:
let score = 95;

Boolean
فقط دو مقدار دارد: درست یا غلط
let isLoggedIn = true;

📭 Null
یعنی عمداً مقداری وجود نداره.
let selectedUser = null;

Undefined
یعنی هنوز مقداری تعیین نشده.
let result;

📌 شناخت نوع داده‌ها جلوی بسیاری از خطاهای برنامه‌نویسی رو می‌گیره.
4🔥1👌1
برای یادگیری فرانت‌اند و طراحی سایت، خودآموز بهتره یا شرکت تو دوره؟

🧠 خودآموز رفتن ممکنه،
اما باید انرژی زیادی بذاری واسه پیدا کردن منابع مطمئن توی این طوفان اطلاعاتی 🌪

📺 آموزشای یوتیوب چطور؟ اونام خوبن ولی:
پراکنده‌ن
بدون پشتیبانی
بدون مسیر مشخص

و نتیجه؟
👉 وقتت می‌ره، انرژیت تموم میشه، ولی پیشرفت کم!

🎯 بهترین کار؟
شرکت تو دوره‌ای که دقیقاً برای بازار کار طراحی شده
نه فقط یادگیری تئوری، بلکه ساختن مسیر شغلی واقعی! 💼💻

من همه‌ی مسیر رو برات چیدم:
ابزارها، تمرین‌ها، پروژه‌ها، پشتیبانی — هر چی لازم داری تا یه برنامه‌نویس حرفه‌ای و درآمدزا بشی 💪💰

جهت اطلاع از سرفصل ها و توضیحات بیشتر👇🏻
https://codelines.ir/package
2🔥1
CORS (Cross-Origin Resource Sharing)

مکانیزمی امنیتی در مرورگره که مشخص می‌کنه آیا یک وب‌سایت می‌تونه به منابع وب‌سایت دیگری دسترسی داشته باشده یا نه.
اگه سرور مقصد مجوز لازم رو از طریق هدرهای CORS ارسال کنه، مرورگر درخواست روا مجاز می‌دونه؛
در غیر این صورت، برای جلوگیری از دسترسی غیرمجاز اون رو مسدود می‌کنه.
3👍1
📌میانبرهای کیبورد که همه ی برنامه نویسان باید بلد باشن

با Win + V تاریخچه کپی‌ها رو ببین
با Ctrl + Shift + T تب بسته‌شده رو برگردون
با Win + Shift + S از بخشی از صفحه عکس بگیر
با Ctrl + L مستقیم برو روی نوار آدرس
با Ctrl + F داخل هر صفحه دنبال کلمه بگرد
با site: فقط داخل یک سایت جست‌وجو کن
با علامت نقل‌قول، عبارت دقیق رو در گوگل پیدا کن
با filetype:pdf فقط فایل PDF جست‌وجو کن
با Ctrl + Backspace یک کلمه کامل رو پاک کن
با Alt + Tab سریع بین برنامه‌ها جابه‌جا شو
👍1🔥1🥰1💯1
آموزش برنامه نویسی فرانت اند
🌿 پکیج جامع برنامه‌نویسی فرانت‌اند 🌿 📌 شامل دوره‌های: 🌱 HTML & CSS 🌱 JavaScript 🌱 React.js 🌱typeScript 🌱next js از مقدماتی تا پیشرفته دوره ها تدریس شدن – کاملاً پروژه‌محور و تمرین‌محور همراه با پشتیبانی VIP (۶ ماهه) 🎁 هدیه ویژه: دوره‌ی Git & GitHub…
دوره حضوری بهتره یا آنلاین؟

🚫 اگه می‌خوای تو کمترین زمان ممکن مسلط شی،
دوره حضوری اصلاً پیشنهاد نمی‌شه!

چرا؟
⏱️ چون هر مبحث رو کش می‌دن،
۲ هفته آموزش، ۱ هفته تمرین!
یعنی اگه بخوای HTML, CSS, JS و React رو یاد بگیری، باید نزدیک ۲ سال بری کلاس 😓
و وسط راه خسته می‌شی و رهاش می‌کنی...

اما تو پکیج آنلاین ما، همه‌چی پله‌پله و دقیق چیده شده:
🎯 آموزش سریع
🛠 تمرین برای هر مبحث
🚀 پروژه واقعی برای تسلط

📦 توی‌ پکیج جامع کامل ما،
بیش از ۴۰ پروژه فوق‌حرفه‌ای طراحی شده تا دستت حسابی راه بیفته 💻🔥

فقط با روزی ۱ تا ۲ ساعت،
تو حداقل ۴ ماه آماده‌ی ورود به بازار کاری! 💼💰

شروع جشنواره تخفیفی پنج شنبه راس ساعت 20
قیمت اصلی 6 میلیون
قیمت جشنواره : 2/980/000

جهت اطلاع از سرفصل ها و توضیحات بیشتر👇🏻
https://codelines.ir/package
4
تا حالا شده بخوای مقادیر تکراری یک آرایه رو حذف کنی؟

روش قدیمی:

const unique = arr.filter((item, index) => arr.indexOf(item) === index);


روش مدرن با Set:
const numbers = [1, 2, 2, 3, 4, 4, 5];

const uniqueNumbers =
[...new Set(numbers)];


console.log(uniqueNumbers);
// [1, 2, 3, 4, 5]


چرا از Set استفاده کنیم؟

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

💡 هر وقت خواستی مقادیر تکراری یک آرایه را حذف کنی، Set یکی از بهترین انتخاب‌هاست.

#JavaScript #ES6 #CodeTips #WebDevelopment #Programming #Frontend
3
سوال شما🤔:

بعد از ثبت نام داخل پکیج جامع برنامه نویسی فرانت اند، دوره های پکیج چطور برای ما ارسال میشود؟!

جواب 👇
بعد از تکمیل ثبت‌نام در پکیج جامع فرانت‌اند:

📩 لینک دانلود نرم‌افزار اسپات‌پلیر برای شما ارسال می‌شه

🔑 به همراه لایسنس اختصاصی که باید داخل نرم‌افزار وارد کنید

💻 بعد وارد کردن بایستی داخل نرم افزار و فعال‌سازی، دوره‌های زیر برای شما لیست می‌شه:

1️⃣ HTML
2️⃣ CSS
3️⃣ JavaScript
4️⃣ React.js
5️⃣ Git & GitHub 🎁
6️⃣ دوره از کد تا استخدام
7️⃣جزوه سوالات استخدامی با جواب تشریحیpdf

📦 این پکیج رو به‌صورت نامحدود در اختیار دارید

📱💻 قابل مشاهده روی دو دستگاه (موبایل یا کامپیوتر)

🚀 یعنی همیشه و همه‌جا به آموزش‌ها دسترسی داری!
2👏1🙏1
چطور بفهمم یه دوره واقعاً خوبه یا نه؟

🧠 حواست به اینا باشه 👇

🚫 دوره‌ای که فقط مبحث بگه و پروژه انجام نده = وقت تلف کردنه
🚫 اگه تمرین و پشتیبانی نداشته باشه، قطعا جا می‌مونی
🚫 اگه فقط پر از ویدیوهای طولانیِ خسته‌کننده‌ست، بازدهی نداره

یه دوره خوب باید:
🛠 پروژه‌محور باشه
🤝 پشتیبانی واقعی داشته باشه
⚙️ ابزارها و پکیج‌هایی که تو بازار کار به دردت می‌خوره رو آموزش بده
🎯 و کاری کنه بعد دوره، نیاز نباشه بری ۱۰ جای دیگه دنبال آموزش بگردی!

من توی دوره‌م، همه‌ی تجربه‌هایی که تو پروژه‌ها و بازار کار داشتم رو ریختم تا مستقیم بری سراغ درآمد و اجرای واقعی 💻💰
2🔥1