FaraWebDev | فرا وب: آموزش طراحی و توسعه وب
1.14K subscribers
59 photos
23 videos
308 links
🧑‍💻 فرا وب — آموزش طراحی سایت و توسعه وب

🔸 Html
🔸 Css
🔸 PHP
🔸 Laravel
🔸 Bootstrap
🔸 JavaScript
🔸 jQuery
🔸 Node.js
🔸 Ajax
🔸 Angular
🔸 Vue.js
🔸 Asp .Net
🔸 Wordpress

🚀 برای مشاهده تمام آموزش‌های ویدیویی، روی لینک زیر بزنید:👇
fdrs.ir/farawebdev
Download Telegram
✳️ مناسب‌ترین زبان برنامه‌نویسی وب برای اهداف مختلف چیست؟

‏پیش از انتخاب زبان برنامه‌نویسی مناسب، هر فرد باید به یک سری سؤالات بخصوص پاسخ دهد. به عنوان مثال، اگر شخصی بخواهد کدنویسی یک برنامه کاربردی تحت وب یا مرورگر را آغاز کند، چه گزینه‌هایی پیش روی خود خواهد داشت؟ یا چرا باید در شرایط بخصوص، زبان برنامه‌نویسی خاصی را به زبان‌های دیگر ترجیح داد؟ این مقاله، چک‌لیستی از یک سری سؤال مهم را در اختیار شما قرار می‌دهد که می‌توانید با در نظر داشتن و پاسخ به آن‌ها، مناسب‌ترین زبان برنامه‌نویسی وب برای خودتان را انتخاب کنید.

══ فهرست مطالب ══

‏ ○ «مناسب بودن» را برای خود تعریف کنید
‏ ○ استفاده از کدام زبان برنامه‌نویسی، آسان‌تر است؟
‏ ○ محبوب‌ترین زبان برنامه‌نویسی وب کدام است؟
‏ ○ کدام‌یک از زبان‌های برنامه‌نویسی وب چندمنظوره هستند؟
‏ ○ منابع آموزشی برای زبان‌های برنامه‌نویسی وب کدامند؟
‏ ○ از چه پلتفرمی استفاده می‌کنید؟
‏ ○ انتخاب توسعه فرانت‌اند (Front-End) یا بک‌اند (Back-End)؟
‏ ○ هدف شما از برنامه‌نویسی چیست؟
‏ ○ سخن آخر


🔸 «مناسب بودن» را برای خود تعریف کنید

‏انتخاب زبان «مناسب» می‌تواند کمی گمراه‌کننده باشد. این بدان معناست که گزینه‌های نامناسب نیز وجود دارند. برخی از زبان‌ها به شما در دستیابی به اهداف برنامه‌نویسی‌تان هیچ کمکی نمی‌کنند، با این حال در بسیاری از موارد، روش‌های متعددی برای رسیدن به خروجی مطلوب وجود دارند. این موضوع، مخصوصاً در برنامه‌نویسی وب مصداق دارد.

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


🔸 استفاده از کدام زبان برنامه‌نویسی، آسان‌تر است؟

‏تعیین آسان‌ترین زبان برنامه‌نویسی وب، به سابقه شما بستگی دارد. اگر تجربه‌ای در استفاده از زبان‌هایی مانند HTML داشته باشید، با مفاهیم «سینتکس» (Syntax) و «قالب‌بندی» (Layout) آشنا خواهید بود. علاوه بر این، سرعت یادگیری افراد با هم متفاوت است و همین موضوع، تعریف «آسان بودن» را برای هر فرد تعیین می‌کند. با این حال، برخی از زبان‌های برنامه‌نویسی به طور کلی نسبت به زبان‌های دیگر ساده‌تر هستند.

‏برای استفاده آسان از یک زبان، باید گزینه‌ای را انتخاب کنید که علاوه بر بهره‌مندی از «فریم‌ورک» (Framework) و کتابخانه‌های متعدد، ساختاریافته، مختصر و مفید باشد. علاوه بر این‌ها، داشتن سینتکس ساده‌تر نیز به عنوان یک مزیت محسوب می‌شود. در قسمت زیر، برخی از زبان‌های مناسب برای افراد مبتدی به همراه ویژگی‌های اصلی این زبان‌ها آورده شده است:



مطالعه ادامه مطلب 👇👇

🔗 مناسب‌ترین زبان برنامه‌نویسی وب برای اهداف مختلف چیست؟ — کلیک کنید (+)


📌 کانال اختصاصی آموزشی طراحی و توسعه وب

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇

@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس
‌‌
‌‌‌‌
✳️ چگونه برنامه‌نویسی وب را شروع کنم؟

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

══ فهرست مطالب ══

‏ ○ می‌خواهم برنامه‌نویس وب شوم، از کجا باید شروع کنم؟
‏ ○ HTML، اولین زبان برنامه‌نویسی وب
‏ ○ CSS، زبان مخصوص استایل‌دهی
‏ ○ جاوا اسکریپت، نخستین زبان اسکریپت‌نویسی تحت وب
‏ ○ jQuery، یکی از مهمترین کتابخانه‌های جاوا اسکریپت
‏ ○ لایه‌های برنامه‌نویسی
‏ ○ PHP، پراستفاده‌ترین زبان برنامه‌نویسی وب
‏ ○ ASP.Net، زبان برنامه‌نویسی تحت وب مایکروسافت
‏ ○ Django یا جنگو، چارچوب برنامه‌نویسی تحت وب با استفاده از پایتون
‏ ○ JSP، نسخه مخصوص جاوا برای برنامه‌نویسی وب
‏ ○ جمع‌بندی کلی


🔸 می‌خواهم برنامه‌نویس وب شوم، از کجا باید شروع کنم؟

‏سؤال بالا، سوالی است که اکثر افراد هنگام شروع به یادگیری مباحث برنامه‌نویسی وب، با آن مواجه می‌شوند. اما به راستی، اگر بخواهیم برنامه‌نویسی وب را آغاز کنیم، باید از چه زبانی شروع کنیم؟ چه نکاتی باید رعایت شوند؟ ابتدا نیاز است تا چند مفهوم کاربردی را در زمینه برنامه‌نویسی وب، بررسی کنیم. در کل ۲ نوع وب‌سایت داریم، وب‌سایت‌های استاتیک یا ایستا و وب‌سایت‌های داینامیک یا پویا.

‏وب‌سایت‌های ایستا یا استاتیک، به وب‌سایت‌هایی گفته می‌شود که محتوا ثابت است و به منظور اضافه کردن محتوای جدید، می‌بایست مجدداً کدنویسی کرد. مثلاً شما یک وب‌سایت با ۵ صفحه دارید و به منظور اضافه کردن صفحه جدید، باید مجدداً کدنویسی کنید و سایر صفحات را نیز به منظور دسترسی به این صفحه ویرایش کرده و پیوند به این صفحه جدید را ایجاد کنید. به چنین وب‌سایت‌هایی، وب‌سایت ایستا گفته می‌شود.

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


🔸 HTML، اولین زبان برنامه‌نویسی وب

‏HTML که سرواژه عبارت Hypertext Markup Language است، یک زبان نشانه‌گذاری محسوب می‌شود که به منظور ایجاد ساختار و قالب صفحه وب مورد استفاده قرار می‌گیرد. به کمک HTML می‌توانید مشخص کنید که در صفحه وب خود چند بخش دارید و محتوای هر بخش را مشخص کنید. زبان HTML، جزء لاینفک برنامه‌نویسی وب است و شما هر سایتی که بخواهید طراحی کنید، به هر زبانی که باشد، باید با استفاده از HTML ساختار اولیه سایت خود را آماده کرده و سپس با استفاده از سایر زبان‌ها، کدنویسی دیگر بخش‌ها را انجام دهید. به طور مثال، می‌خواهید مشخص کنید که سایت شما ۴ قسمت با عناوین سربرگ، ستون کناری، کادر محتوا و پاصفحه داشته باشد. باید در ابتدای کار با استفاده از HTML این قسمت را ایجاد و تعریف کنید و سپس با استفاده از سایر زبان‌ها، کد‌نویسی‌های سایر بخش‌ها را انجام دهید.

‏– آموزش طراحی وب با HTML



مطالعه ادامه مطلب 👇👇

🔗 چگونه برنامه‌نویسی وب را شروع کنم؟ — کلیک کنید (+)


📌 کانال اختصاصی آموزشی طراحی و توسعه وب

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇

@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس

✳️ مقدمه‌ای بر تئوری رنگ برای طراحان وب — یک راهنمای جامع

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

══ فهرست مطالب ══

‏ ○ این مقاله برای چه کسانی مناسب است؟
‏ ○ برخی از مخاطبان این راهنما
‏ ○ تئوری رنگ به طور خیلی خلاصه چیست؟
‏ ○ چگونه می‌توانیم یک طرح رنگی مؤثر انتخاب کنیم؟
‏ ○ این تنها آغاز راه است…
‏ ○ روش‌هایی برای آسان‌تر ساختن امور
‏ ○ مطالعه موردی: Gamers With Jobs
‏ ○ نکات پایانی و جمع‌بندی


🔸 این مقاله برای چه کسانی مناسب است؟

‏این راهنما برای افرادی مناسب است که به تازگی شروع به یادگیری مفاهیم طراحی رسمی نموده‌اند. در این راهنما قصد نداریم شیوه استفاده از رنگ در طراحی را به طور کامل توضیح دهیم؛ بلکه مروی کلی بر این مفاهیم خواهیم داشت. این راهنما برای کسانی ارائه می‌شود که به دنبال یک راهنمای عملی برای اتخاذ یک رویکرد عملی به تئوری رنگ در چارچوب پروژه‌های طراحی وب هستند.

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


🔸 برخی از مخاطبان این راهنما

‏– برنامه‌نویسانی که به دنبال توصیه‌هایی برای کمک به طراحی یک پروتوتایپ جذاب از نظر دیداری هستند.

‏– طراحان علاقه‌مندی که می‌خواهند مروری کوتاه بر موضوع داشته باشند.

‏– افرادی که تفاوت بین توسعه وب و طراحی وب را نمی‌دانند.



مطالعه ادامه مطلب 👇👇

🔗 مقدمه‌ای بر تئوری رنگ برای طراحان وب — یک راهنمای جامع — کلیک کنید (+)


📌 کانال اختصاصی آموزشی طراحی و توسعه وب

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇

@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس

✳️ ۸ ابزار مهم CSS که هر توسعه دهنده وب باید بشناسد — راهنمای کاربردی

‏CSS یکی از ارکان توسعه وب محسوب می‌شود. با این حال اغلب افراد آن را سردرگم‌کننده می‌پندارند. دلیل این امر آن است که در خصوص آن آموزش درستی ندیده‌اند و از این رو درک رفتار CSS را دشوار می‌دانند. در این مقاله به دو روش به ارتقای دانش شما در مورد CSS کمک می‌کنیم. ابتدا چند ابزار مهم CSS را بررسی و سپس با چند محیط تعاملی کدنویسی CSS آشنا خواهیم شد.

══ فهرست مطالب ══

‏ ○ ابزارهای آنلاین برای تولید CSS
‏ ○ ابزارهای آنلاین یادگیری CSS
‏ ○ سخن پایانی


🔸 ابزارهای آنلاین برای تولید CSS

‏در این بخش با ابزارهای آنلاین کدنویسی CSS آشنا می‌شویم.

‏این ابزار آنلاین بسیار ساده (+) کمک زیادی به آشنایی با کدنویسی CSS می‌کند. با استفاده از این ابزار می‌توانید عناصر خود را با یک UI ساده طراحی کنید و خروجی CSS به شما عرضه می‌شود. EnjoyCSS موجب تسهیل فرایند کارها به میزان زیادی می‌شود. همچنین موجب صرفه‌جویی در زمان و تلاش برای ایجاد استایل‌های پیچیده CSS می‌شود. بدین ترتیب برای ساخت CSS پیچیده نیاز به داشتن درک عمیقی از این زبان نیست. EnjoyCSS یک تولیدکننده CSS۳ پیشرفته است که امکان رها شدن از دشواری کدنویسی را فراهم می‌سازد.

‏این ابزار (+) به شما کمک می‌کند که کدهایی برای باکس‌های خاص ایجاد و اکسپورت کنید که فلش‌هایی در اطراف خود دارند. با این که نوشتن چنین کدی از صفر کار بسیار دشواری محسوب می‌شود، اما با بهره‌گیری از این ابزار این کار در طی چند کلیک انجام می‌یابد. زمانی که کد را به دست آورید، می‌توانید با کمی تغییرات مانند افزودن سایه و غیره آن را مطابق میل خود بسازید.


🔸 ابزارهای آنلاین یادگیری CSS

‏در این بخش با چهار ابزار آنلاین برای یادگیری CSS آشنا خواهیم شد.

‏این وب‌سایت (+) به شما امکان می‌دهد که از یک دوره آموزشی کوتاه چهارساعته برای درک CSS Grid از صفر تا صد استفاده کنید. این دوره آموزشی کاملاً رایگان و شامل ۲۵ ویدئو است که گرید CSS را از صفر تا صد آموزش می‌دهد.

‏این بازی تعاملی (+) از شما می‌خواهد که کد CSS برای رشد باغچه هویج بنویسید. این روش جالب یادگیری تضمین می‌کند که با مبانی CSS Grid به روشی سرگرم‌کننده آشنا می‌شوید. این بازی شامل ۲۸ سطح است که هر سطح نیازمند نوشتن قطعه کدهای CSS برای برآورده ساختن نیازها است.



مطالعه ادامه مطلب 👇👇

🔗 ۸ ابزار مهم CSS که هر توسعه دهنده وب باید بشناسد — راهنمای کاربردی — کلیک کنید (+)


📌 کانال اختصاصی آموزشی طراحی و توسعه وب

آخرین مطالب علمی، مقالات رایگان و ویدئوهای آموزشی طراحی و توسعه وب را در کانال اختصاصی [@FaraWebDev] دنبال کنید. 👇

@FaraWebDev — مطالب و آموزش‌های طراحی و توسعه وب فرادرس