برنامه نویسی از پایه
Open in Telegram
کانال پشتیبان برنامه نویسی از پایه آدرس کانال آپارات: https://www.aparat.com/djangolearn آدرس کانال یوتیوب: https://www.youtube.com/c/DjangoLearn
Show more274
Subscribers
No data24 hours
No data7 days
No data30 days
Data loading in progress...
Similar Channels
No data
Any problems? Please refresh the page or contact our support manager.
Tags Cloud
No data
Any problems? Please refresh the page or contact our support manager.
Incoming and Outgoing Mentions
---
---
---
---
---
---
Attracting Subscribers
October '23
October '23
+274
in 0 channels
Channel Posts
برنامه نویسی از پایه قسمت 62 - اضافه کردن تصویر پروفایل
در این ویدئو بعد از نیم ساعت تلاش تونستم یه div رو گرد کنم و بهش سایه بدم. و با استفاده از flex متن توی div رو وسط چین کنم.
لینک آپارات:
https://www.aparat.com/v/spjut
لینک یوتیوب:
https://youtu.be/vUQtyqjA-1A
| 2 |  برنامه نویسی از پایه قسمت شصت و یکم - اصلاح کدها
توی این قسمت که حدودا ۱۰ دقیقه است. یه ایرادی رو برطرف کردیم که توی جلسه قبلی بهش دقت نکرده بودیم. بعدش باز یکم در مورد display direction و مفاهیم felx یاد گرفتیم. در نهایت هیچی به کدهای html اضافه نشد. و همچنان عجب سرعت عملی :)
لینک آپارات:
https://www.aparat.com/v/8q4y5
لینک یوتیوب:
https://youtu.be/YCgdErR2wBA | 1 339 |
| 3 | برنامه نویسی از پایه قسمت شصتم - اضافه کردن داشبورد
این قسمت رو با اضافه کردن اپ جدید شروع کردیم و اتفاقی با ماژول پروفایل و مفهوم profiler در پایتون آشنا شدیم. بعدش با مشکل cache مواجه شدیم و حلش کردیم. در ادامه متوجه شدیم که وقتی از یک تمپلت ارث بری می کنیم، جنگو اولویت استفاده از تمپلت base رو براساس app هایی که توی installed_app هستن تنظیم میکنه. و اگه دو تا base همنام داشته باشیم اولویت با اونی هست که بالاتر به installed_app اضافه شده. بعدش با flex-grow و justify-content و align-items توی css آشنا شدیم. در ادامه با مفهوم Semantic elemnts توی HTML5 هم بیشتر آشنا شدیم و بهترین روش برای نوشتن کدهامون رو از اینترنت سرچ کردیم. در نهایت بعد از ۳۰ دقیقه تونستیم یه تگ h1 به پروژه اضافه کنیم. عجب سرعت عملی
لینک آپارات:
https://www.aparat.com/v/qkZw3
لینک یوتیوب:
https://youtu.be/bvGGQ-7HKiY | 1 538 |
| 4 |  ✅ تمرین css grid با بازی Grid Garden 😊
لینک:
https://cssgridgarden.com/ | 329 |
| 5 | برنامه نویسی از پایه قسمت پنجاه و نهم - کاربر لاگین شده در Django
توی این قسمت یاد گرفتیم اگه کاربر لاگین باشه. چطور منوهارو براش تغییر بدیم. و با is authenticated و روش استفاده اون آشنا شدیم. بعدش تغییراتی در کد اعمال کردیم که وقتی کاربر لاگین شده صفحه signin رو باز کنه به صفحه index ما redirect بشه. این حرکت یه مشکل امنیتی به اسم social media fingerprinting داره که در موردش یکم توضیح دادم و عملی متوجه شدیم چکار میکنه.
لینک آپارات:
https://www.aparat.com/v/liVTB
لینک یوتیوب:
https://youtu.be/JPaIskKeo8I | 1 034 |
| 6 | برنامه نویسی از پایه قسمت پنجاه و هشتم - اصلاح کلاس ها
بعد از یکم مطالعه درباره BEM, html, css, felxbox, css grid یه نگاه دیگه به کدهایی که نوشتم انداختم و متوجه شدم بعضی کلاس ها طبق BEM نامگذاری نشدند. در واقع اشتباه نامگذاری شده بودند. لذا توی این ویدئو نکات BEM رو بررسی کردم و در نهایت ایراد های نامگذاری class هارو برطرف کردم.
لینک آپارات:
https://aparat.com/v/CiPIr
لینک یوتیوب:
https://youtu.be/ymayBRRq8Mw | 995 |
| 7 | برنامه نویسی از پایه قسمت پنجاه و هفتم - اعمال استایل های flex
توی این قسمت اول از همه، استایل هایی که قسمت بعدی با developer مرورگر اعمال کرده بودیم رو توی styles.css اضافه کردیم. بعد commit کردیم که توی ریپازیتوری گیت اونارو داشته باشم. بعدش تلاش کردیم که منو رو fixed کنیم و توی این مسیر نکاتی با هم یاد گرفتیم. البته یاد گرفتیم که html و css واقعا نیاز به تخصص داره و به همین دلیل هست که بعضی برنامه نویس های back-end اینقدر ازش فراری هستن. کاری که من توی 40 دقیقه انجام دادم، شاید کار 5 دقیقه یه برنامه نویس فرانت باشه. امیدوارم توی این مسیر و با همدیگه دانش خودمون در زمینه html و css بیشتر کنیم.
لینک آپارات:
https://www.aparat.com/v/1XVkl
لینک یوتیوب:
https://youtu.be/ehqI1EEkPkU | 1 275 |
| 8 | برنامه نویسی از پایه قسمت پنجاه و ششم - شروع به پیاده سازی منو W3Schools
ابتدای این قسمت توی سایت W3Schools لاگین کردم و بخش پروفایلش رو بررسی کردیم که قراره چه چیزی رو پیاده سازی کنیم. بعدش با استفاده از developer tools مرورگر کدهای سایت W3Schools رو بررسی کردیم که چطور منو و بخش های مختلف profile رو پیاده سازی کرده. متوجه شدیم که از flex box استفاده کرده و ما هم ازش استفاده می کنیم. توی این قسمت یکم در مورد قابلیت های HTML5 هم تحقیق کردیم و فهمیدم که بهتره از تگ هایی مثل header, footer, nav, section, article و ... استفاده کنیم تا موتورهای جستجوگر بهتر بتونن با سایت ما ارتباط برقرار کنن و توی نتایج اول گوگل باشیم. بعدش شروع به ساختن منو کردیم و با flex, flex-direction, flex-wrap, justify-content, gap و... هم توی css آشنا شدیم. البته فراموش کردیم که استایل هارو به فایل های css اضافه کنیم که توی جلسه بعدی درستش می کنم. ان شاالله
لینک آپارات:
https://www.aparat.com/v/9jyEn
لینک یوتیوب:
https://youtu.be/KEGESJT_hbo | 1 102 |
