🥇 کسب مقام اول مرحله استانی در رشته نرم افزارهای تلفن همراه توسط تیم کدینتو در پنجمین رویداد تولید محتوای بسیج
❤️به امید موفقیت کدینتو در مرحله کشوری
📣Codinto: https://eitaa.com/codinto_ir
💻بروزترین فناوریها و تکنیکها در طراحی رابط کاربری و تجربه کاربری
طراحی رابط کاربری و تجربه کاربری در پیاده سازی یک سامانه وظیفه طراحی ظواهر و چگونگی تعامل کاربر با سامانه را دارد
در این پست به چند نمونه از فناوریها و تکنیکهای مفید مورد استفاده در این حوزه معرفی شده است
🔸دیزاین سیستمها Design Systems
استفاده از دیزاین سیستمها به طراحان رابط کابری در جهت رعایت استانداردها،انسجام در طراحی اجزای مختلف پروژه و افزایش سرعت طراحی کمک شایانی میکند
🔸کاربر پژوهی User Testing
کاربر پژوهی قبل از طراحی هر پروژه برای در نظر گرفتن بهترین روند استفاده کاربر از پروژه انجام میشود
🔸تبدیل رابط کاربری به کد فرانت اند با استفاده از هوش مصنوعی Locofy
این هوش مصنوعی میتواند رابط کاربریهای طراحی شده در فیگما را به فریم ورکهای مختلف فرانت اند تبدیل کند
🔸انتخاب رنگ با اسفاده از روشهای مختلف چرخه رنگ Color Wheele
با استفاده از چرخه رنگ میتوان طبق استانداردهای مشخص از جمله،مکمل، مشابه، سه گانه،مربع و ... رنگهای مناسبی برای طراحی رابط کاربری پروژه انتخاب کرد
🔸اصول گشتالت Gestalt
اصول گشتالت نکاتی مهم را برای طراحی رابط کاربری ارائه میکند.این اصول که عبارتند از مشابهت، شکل، تداوم، مجاورت و بستار دارای اثباتهای روانشناختی اند که در هر زمینه طراحی بايستي رعايت شوند
در پستهای آینده به بروزترین فناوریهای سایر حوزههای لازم برای طراحی اختصاصی سامانهها یعنی توسعه فرانت اند و توسعه بک اند میپردازیم.با ما همراه باشید🌷
📣Codinto: https://eitaa.com/codinto_ir
🧑🏻💻تیم فنی و مهندسی کدینتو در جهت گسترش تیم فنی خود، از آقایان علاقهمند به حوزه UI/UX دعوت به همکاری می کند
مهارتهای فنی لازم:
آشنایی با UI/UX
ویژگی های فردی:
فعالیت به صورت حضوری و همکاری تنها با آقایان
روحیه کار و همکاری تیمی
تعامل سازنده با اعضای تیم های فنی
دارای روحیهی یادگیری بالا و علاقمند به یادگیری مفاهیم جدید
دارای روحیه آموزش موارد جدید به دیگر اعضای فنی
داشتن خلاقیت و قدرت حل مسئله
مسئولیت پذیر و متعهد بودن
رعایت نظم و اخلاق حرفهای
مهارتهایی که مزیت محسوب میشوند:
تسلط بر نرم افزار فیگما
تجربه طراحی UI/UX سایت و اپلیکیشن
مفاهیم رابط کاربری (UI)
مفاهیم تجربه کاربری(UX)
آشنایی با پروتوتایپ
آشنایی با کدهای فرانت اند و CSS
تسلط بر Components و Variants
تسلط بر زبان انگلیسی
آشنایی با user testing و توانایی در مطالعه و تحقیق
تسلط بر اصول رسپانسیو
آشنایی به دیزاین سیستمها
تعامل با برنامه نویسها
آشنایی با Photoshop و Illustrator
تسلط بر Wireframe
آشنایی با user flow
تسلط در زمینه های طراحی بصری و استفاده از رنگها
ذوق و خلاقیت بالا در طراحی
مزایا:
محیط کاری جوان، دوستانه و صمیمی
ساعت کاری منعطف
مشورت و آموزش توسط منتورهای متخصص حاضر در شرکت
محل کار در مرکز شهر و دسترسی آسان
هدایای تشویقی و پاداش
برای کسب اطلاعات بیشتر و ارسال رزومه به آیدی @mostafaShariaat در تلگرام یا ایتا پیام دهید
📣Codinto: https://eitaa.com/codinto_ir
💻بروزترین کتابخانهها و ابزارها در توسعه فرانت اند
توسعه فرانت اند وظیفه پیاده سازی رابط کاربری طراحی شده را بوسیله کد دارد
در این پست به چند نمونه از بروزترین کتابخانهها و ابزارهای این حوزه میپردازیم
🔸React:
یک کتابخانه جاوااسکریپت برای پیاده سازی رابط کاربری به صورت تک صفحه ای است. با استفاده از کامپوننت ها و State میتوانید به راحتی رابط کاربری تعاملی بسازید.
🔸Vue:
یک فریمورک جاوااسکریپت برای توسعه رابط کاربری و اپلیکیشنهای تک صفحهای است. Vue با پیمودن مسیری میان انعطاف کامل React و قابلیتهای جامع Angular، ترکیب متوازنی را ارائه میدهد.
🔸Angular:
یک فریمورک جامع برای توسعه وب، که شامل ابزارها و امکانات بیشتری برای پشتیبانی از فرمها، توانایی بک اند و روتینگ است.
🔸React Native:
یک فریمورک برای تولید اپلیکیشنهای موبایل نیتیو (Native) است و کد React شما به کد بومی پلتفرمها مثل Java/Kotlin برای اندروید و Swift/Objective-C برای iOS تبدیل میشود
🔸Next.js:
یک فریمورک محبوب React برای توسعه وب سمت سرور است. امکاناتی مثل Server-Side Rendering و Static Site Generation را فراهم میکند.
🔸Tailwind CSS: یک فریمورک CSS است که کلاسهای Utility-First (از پیش ساخته) آماده برای طراحی ظاهر ارائه میدهد. بسیار سریع و ساده است.
🔸Redux:
یک کتابخانه برای مدیریت State در برنامه های جاوااسکریپت است تا کنترل State برنامه ساده تر شود.
🔸TypeScript:
یک زبان برنامه نویسی جاوااسکریپت تایپ دار است که امکانات اضافه تری نسبت به جاوااسکریپت دارد.
📣Codinto: https://eitaa.com/codinto_ir
🔷 تو شرکت کدینتو هر چند ماه یکبار برای افزایش بازدهی اعضا یک روز به تفریحات گروهی اختصاص داده میشه
هفته گذشته با همکاری اعضای کدینتو این روز خاطره انگیز را رقم زده و با فاصله گرفتن کوتاهی از کار و دریافت انرژی دوباره از تفریحات متنوع ،جان تازه ای به شرکت بخشیدیم✌🏻
📣گروه فنی و مهندسی کدینتو: https://eitaa.com/codinto_ir
🧑🏻💻معرفی «کدینتومن» آبان ماه
عضو برتر کدینتو در ماه آبان سال ۱۴۰۲ کسی نیست جز
🏅 جناب آقای محمد علی مظاهری فرد
💻 توسعه دهنده و مدیر بکند
✅دانش فنی بالا
✅مدیریت حرفهای
✅پیشروی در تکنولوژیهای بروز
و چندین ویژگی مثبت دیگر که باعث رشد سریعتر کدینتو و اعضای آن میشود✌🏻
تیم کدینتو این موفقیت را به ایشان تبریک گفته و آرزوی موفقیتهای هرچه بیشتر برای همه اعضای کدینتو را دارد❤️
📣گروه فنی و مهندسی کدینتو: https://eitaa.com/codinto_ir
💻 بروزترین تکنیکها و ابزارها در 《توسعه بکند》 وبسایت و اپلیکیشن
بکند بخشی از یک وب سایت یا نرم افزار میگویند که برای کاربران قابل مشاهده نیست. به عبارتی دیگر هسته و مغز یک سایت است که وظیفه کنترل منطق آن را بر عهده دارد. در این پست به بررسی بروزترین تکنیکها و ابزارها در این حوزه میپردازیم
🔸️Django(Web development framework)
فریم ورک وب مبتنی بر پایتون دارای orm بسیار کارآمد و سازگاری بالا با postgres
🔸️Background task handlers (Celery , ...)
انجام دادن کار ها به صورت async (خود جنگو async هست ولی ما توی هر بخش async یک کار async دیگه انجام میدهیم)
🔸️Web-Scraping
استخراج داده های مورد نیاز از وب سایت های مختلف به صورت کاملا اتوماتیک
🔸️Caching(Redis, ...)
دیتابیس های سریع که از رم استفاده می کنند، برای ذخیره سازی داده ها موقت کاربرد دارند
🔸️Template languges(DTL or Jijnja)
واسطه بین بکند و فرانت اند در پروژه های تمپلیت (مانند NextJS)
🔸️Websocket
انتقال دیتا به صورت RealTime بین Client و سرور به صورت دو طرفه
🔸️gRPC
پروتکل مبتنی بر HTTP2 که امکان ارتباط دو طرفه بین client و سرور را فراهم می کند
🔸️GraphQL
با استفاده از GraphQL به صورت مستقیم از client کوئری مینویسیم
🔸️Unit testing
تست کردن عملکرد های مختلف برنامه
📣گروه فنی و مهندسی کدینتو: https://eitaa.com/codinto_ir
🗺نقشه راه یادگیری UI/UX
در این پست به بررسی مسیر یادگیری و نقشه راه طراحی رابط کابری و تجربه کاربری (UI/UX) می پردازیم
🔹۱- آشنایی به طراحی رابط کاربری و تجربه کاربری
در این مرحله شما باید یک دید کلی و آشنایی با این حوزه پیدا کنید
🔹۲- ابزار طراحی
ابزار طراحی نرم افزاری است که وسیله کار شماست و شما باید با اون طراحیهای لازم رو انجام بدید. شما در این مرحله باید نحوه استفاده از نرم افزار طراحی و امکانات اون رو یاد بگیرید
🔹۳- رابط کاربری ( User Interface )
رابط کاربری یا همان UI بخش اصلی و بزرگی از این حوزه را شامل میشود.
🔹۴- تجربه کاربری ( User Experience )
تجربه کاربری یا به اختصار UX بخش بسیار مهم دیگری در این حوزه است که بایستی آن را بیاموزید و تا بخش تجربه کاربری پروژه نیازهای کاربر را بخوبی پاسخ دهد
🔹۵- آشنایی با منابع مقالات آموزشی و قوانین و اصول طراحی
یادگیری این حوزه نیازمند مطالعه مطالب مرتبط با چالشهای این حوزه میباشد.
🔹۶- بررسی و الهام گرفتن از پروژههای دیگران
این بخش در ایده گرفتن قبل از انجام پروژه طراحی کمک شایانی میکند
نکته مهم: یادگیری امری بی انتهاست و بایستی مستمر و همیشگی باشد. از اینرو اکثر موارد فوق حتی بعد از طی کردن مسیر یادگیری نیاز به تکرار همیشگی دارند
متن کاملتر مراحل در لینکدین کدینتو: https://www.linkedin.com/feed/update/urn:li:activity:7144306312061911041
امیدواریم محتوای این پست برایتان مفید بوده باشد. در هفتههای آینده به بررسی نقشه راه Front End و Back End میپردازیم
📣Codinto: https://eitaa.com/codinto_ir
🗺نقشه راه یادگیری بک اند (Django Rest Framework)
در این پست به بررسی مسیر یادگیری و نقشه راه بک اند با استفاده از Django Rest Framework می پردازیم
🔹۱- درک برنامه نویسی و منطق کدنویسی
🔹۲- یادگیری روش های حل مسئله و الگوریتم: یکی از مهم ترین پیش نیاز های برنامه نویسی برای حل مشکلات و منطق کدنویسی، آشنایی اولیه با الگوریتم و شیوه های حل مسئله میباشد
🔹۳- یادگیری پایتون: از آنجا که فریم ورک مورد استفاده ما بر پایه پایتون نوشته شده است، آشنایی با پایتون، عملگرها، توابع و... جهت کارکردن با فریم ورک ضروری است.
🔹۴- آموزش فریم ورک Django: فریم ورک Django Rest بر پایه Django نوشته شده که خود یکی از فریم ورک های قدرتمند طراحی وب در پایتون می باشد.
🔹۵- تمرین و پیاده سازی پروژه همراه با بازخورد
🔹۶- یادگیری Django Rest Framework: در این مرحله با یادگیری فریم ورک Rest میپردازیم
🔹۷- یادگیری مفاهیم تخصصی REST API: گرچه یادگیری فریم ورک به تنهایی می تواند شما را در پیاده سازی پروژه تا حدودی کمک کند اما در پروژه های واقعی نیاز است تا تکنولوژی ها و مفاهیم تخصصی را یادگرفته و بر آنها مسلط شوید
متن کاملتر مراحل در لینکدین کدینتو:
https://www.linkedin.com/feed/update/urn:li:activity:7146848710562414593
امیدواریم محتوای این پست برایتان مفید بوده باشد. در هفته آینده به بررسی نقشه راه Front End میپردازیم
📣Codinto: https://eitaa.com/codinto_ir
🧑🏻💻معرفی «کدینتومن» آذر ماه
عضو برتر کدینتو در ماه آذر سال ۱۴۰۲ کسی نیست جز
🏅 جناب آقای محمدمهدی گلمحمدی
💻 طراح و مدیر بخش رابط و تجربه کاربری
✅خلاق و خوش ذوق
✅بسیار دقیق و منظم
✅خستگی ناپذیر و عاشق کار
و چندین ویژگی مثبت دیگر که باعث رشد سریعتر کدینتو و اعضای آن میشود✌🏻
تیم کدینتو این موفقیت را به ایشان تبریک گفته و آرزوی موفقیتهای هرچه بیشتر برای همه اعضای کدینتو را دارد❤️
📣گروه فنی و مهندسی کدینتو: https://eitaa.com/codinto_ir
🗺نقشه راه یادگیری فرانت اند
در این پست به بررسی مسیر یادگیری و نقشه راه فرانت اند با استفاده از React و Next.js میپردازیم
🔹۱- آشنایی با اصول برنامهنویسی وب: یادگیری HTML، CSS و JavaScript برای درک بهتر ساختار و اصول وب و توانایی ایجاد صفحات استاتیک ضروری است.
🔹۲- یادگیری کتابخانه React: React یک کتابخانه قدرتمند و پرطرفدار برای توسعه وب است که با آشنایی و یادگیری آن میتوانید به راحتی وباپلیکیشنهای پویا و تعاملی بسازید.
🔹۳- تمرین React با چند پروژه: پیادهسازی چند پروژه ساده برای تثبیت مفاهیم React و رفع مشکلات احتمالی لازم است. این پروژهها میتوانند شامل TODO List، فروشگاه ساده و موارد مشابه باشند.
🔹۴- آشنایی با ابزارهای کاربردی مرتبط: Redux برای مدیریت state، Axios برای درخواست به سرور، Styled Components و Tailwind برای ظاهرسازی و ... از جمله ابزارهای رایج و پرکاربردی هستند.
🔹۵- یادگیری Next.js: Next.js یک فریمورک محبوب و قدرتمند برای ساخت وب سایتهای SSR و SSG است و ویژگیهایی مثل صفحهبندی از پیش تعریف شده دارد.
🔹۶- پیادهسازی پروژه کامل با Next.js: پیادهسازی یک پروژه واقعی و کامل با Next.js برای یادگیری عملی آن توصیه میشود.
🔹۷- آشنایی با مفاهیم اضافی (اختیاری): میتوانید برای پیشرفت بیشتر با مفاهیمی مثل تست نویسی، TypeScript، Performance Optimization و ... نیز آشنا شوید.
📣Codinto: https://eitaa.com/codinto_ir
📚منابع آموزشی UI/UX
بعد از بررسی نقشه راه طراحی رابط کاربری و تجربه کاربری به سراغ معرفی منابع آموزشی این حوزه میرویم. در این پست بهترین منابع آموزشی UI/UXمعرفی میگردد
کانالهای یوتیوب:
TheEhsanez: https://www.youtube.com/@TheEhsanez
DesignWithArash: https://www.youtube.com/@DesignWithArash
aDesigner: https://www.youtube.com/@aDesigner_me
وبسایتهای مقالات و دورههای آموزشی:
nngroup.com
medium.com
coursera.org
7learn.com
downloadly.ir/elearning/video-tutorials/figma-ui-ux-design-essentials-1/
downloadly.ir/elearning/video-tutorials/figma-ui-ux-design-advanced/
امیدواریم این پست در جهت بهبود علم و تجربههای شما مفید باشد. در پستهای آینده به معرفی منابع آموزشی فرانت اند و بک اند خواهیم پرداخت
📣Codinto: https://eitaa.com/codinto_ir
🧑🏻💻معرفی «کدینتومن» دی ماه
عضو برتر کدینتو در ماه دی سال ۱۴۰۲ کسی نیست جز
🏅 جناب آقای مهدی تاری وردی زاده
💻 توسعه دهنده و مدیر فرانت اند
✅منظم و وقت شناس
✅رفتار حرفه ای در محیط کار
✅برنامه نویس ماهر
و چندین ویژگی مثبت دیگر که باعث رشد سریعتر کدینتو و اعضای آن میشود✌🏻
تیم کدینتو این موفقیت را به ایشان تبریک گفته و آرزوی موفقیتهای هرچه بیشتر برای همه اعضای کدینتو را دارد❤️
📣گروه فنی و مهندسی کدینتو: https://eitaa.com/codinto_ir
📚منابع آموزشی بک اند
بعد از بررسی نقشه راه توسعه بک اند به سراغ معرفی منابع آموزشی این حوزه میرویم. در این پست بهترین منابع آموزشی بک اند معرفی میگردد
🔸دوره پایتون کدیاد
https://codeyad.com/course/learn-python
🔸دوره پایتون ماش همدانی
https://codewithmosh.com/p/python-programming-course-beginners
🔸دوره جنگو ماش همدانی
https://codewithmosh.com/p/the-ultimate-django-part1
🔸دوره جنگو مهران تعریف
https://youtube.com/playlist?list=PLAt10Vana3YeAwS_LyLCeu7chml8eP8bh&si=rnFWQNh3c2FVsuBy
🔸دوره جنگو فریمورک ماش همدانی
https://codewithmosh.com/p/the-ultimate-django-part2
🔸دوره مفاهیم پیشرفته api ماش همدانی
https://codewithmosh.com/p/the-ultimate-django-part3
امیدواریم این پست در جهت بهبود علم و تجربههای شما مفید باشد. در پستهای آینده به معرفی منابع آموزشی فرانت اند خواهیم پرداخت
📣Codinto: https://eitaa.com/codinto_ir
🧑🏻💻تیم فنی و مهندسی کدینتو در جهت گسترش تیم فنی خود، از آقایان علاقهمند به حوزه UI/UX دعوت به همکاری می کند
مهارتهای فنی لازم:
آشنایی با UI/UX
ویژگی های فردی:
فعالیت به صورت حضوری و همکاری تنها با آقایان
روحیه کار و همکاری تیمی
تعامل سازنده با اعضای تیم های فنی
دارای روحیهی یادگیری بالا و علاقمند به یادگیری مفاهیم جدید
دارای روحیه آموزش موارد جدید به دیگر اعضای فنی
داشتن خلاقیت و قدرت حل مسئله
مسئولیت پذیر و متعهد بودن
رعایت نظم و اخلاق حرفهای
مهارتهایی که مزیت محسوب میشوند:
تسلط بر نرم افزار فیگما
تجربه طراحی UI/UX سایت و اپلیکیشن
مفاهیم رابط کاربری (UI)
مفاهیم تجربه کاربری(UX)
آشنایی با پروتوتایپ
آشنایی با کدهای فرانت اند و CSS
تسلط بر Components و Variants
تسلط بر زبان انگلیسی
آشنایی با user testing و توانایی در مطالعه و تحقیق
تسلط بر اصول رسپانسیو
آشنایی به دیزاین سیستمها
تعامل با برنامه نویسها
آشنایی با Photoshop و Illustrator
تسلط بر Wireframe
آشنایی با user flow
تسلط در زمینه های طراحی بصری و استفاده از رنگها
ذوق و خلاقیت بالا در طراحی
مزایا:
محیط کاری جوان، دوستانه و صمیمی
ساعت کاری منعطف
مشورت و آموزش توسط منتورهای متخصص حاضر در شرکت
محل کار در مرکز شهر و دسترسی آسان
هدایای تشویقی و پاداش
برای کسب اطلاعات بیشتر و ارسال رزومه به آیدی @mostafaShariaat در تلگرام یا ایتا پیام دهید
📣Codinto: https://eitaa.com/codinto_ir
📚منابع آموزشی فرانت اند
بعد از بررسی نقشه راه توسعه فرانت اند به سراغ معرفی منابع آموزشی این حوزه میرویم. در این پست بهترین منابع آموزشی فرانت اند معرفی میگردد
🔸سایت راکت:
https://roocket.ir/
🔸آموزش html و css ماش:
https://downloadly.ir/elearning/video-tutorials/the-ultimate-html-css-mastery-series/
🔸آموزش جاوااسکریپت جان اسمیلگا:
https://downloadly.ir/elearning/video-tutorials/javascript-tutorial-and-projects-course-1/
🔸دوره آموزشی جاوا اسکریپت مدرن مهران تعریف:
https://youtube.com/playlist?list=PLAt10Vana3Yctuu576LSxK6AiskBiWgOF&feature=shared
🔸دوره دوبله شده جاوااسکریپت جوناس شمدمان:
https://t.me/js_challenges
🔸ری اکت و ریداکس ماکسیمیلیان:
https://downloadly.ir/elearning/video-tutorials/react-js-from-the-beginning-w-redux-and-react-router/
🔸سایت فرانت اند منتور برای تمرین:
https://www.frontendmentor.io/
🔸دوره فشرده نکست parsclick:
https://www.youtube.com/watch?v=ciF2lgZc1Pg
🔸دوره جامع نکست مسعود صدری:
https://frontcast.ir/product/nextjs/
🔸دوره تایپ اسکریپت مسعود صدری:
https://www.youtube.com/watch?v=dboko4Eccfg (فشرده)
https://frontcast.ir/product/typescript/ (جامع)
امیدواریم این پست در جهت بهبود علم و تجربههای شما مفید باشد
با ما همراه باشید✌🏻
📣کدینتو: ایتا | لینکدین