برنامه نویسی از پایه

برنامه نویسی از پایه قسمت 62 - اضافه کردن تصویر پروفایل در این ویدئو بعد از نیم ساعت تلاش تونستم یه div رو گرد کنم و بهش سایه بدم. و با استفاده از flex متن توی div رو وسط چین کنم. لینک آپارات: https://www.aparat.com/v/spjut لینک یوتیوب: https://youtu.be/vUQtyqjA-1A

برنامه نویسی از پایه قسمت شصت و یکم - اصلاح کدها توی این قسمت که حدودا ۱۰ دقیقه است. یه ایرادی رو برطرف کردیم که توی جلسه قبلی بهش دقت نکرده بودیم. بعدش باز یکم در مورد display direction و مفاهیم felx یاد گرفتیم. در نهایت هیچی به کدهای html اضافه نشد. و همچنان عجب سرعت عملی :) لینک آپارات: https://www.aparat.com/v/8q4y5 لینک یوتیوب: https://youtu.be/YCgdErR2wBA

برنامه نویسی از پایه قسمت شصتم - اضافه کردن داشبورد این قسمت رو با اضافه کردن اپ جدید شروع کردیم و اتفاقی با ماژول پروفایل و مفهوم 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

✅ تمرین css grid با بازی Grid Garden 😊 لینک: https://cssgridgarden.com/

برنامه نویسی از پایه قسمت پنجاه و نهم - کاربر لاگین شده در Django توی این قسمت یاد گرفتیم اگه کاربر لاگین باشه. چطور منوهارو براش تغییر بدیم. و با is authenticated و روش استفاده اون آشنا شدیم. بعدش تغییراتی در کد اعمال کردیم که وقتی کاربر لاگین شده صفحه signin رو باز کنه به صفحه index ما redirect بشه. این حرکت یه مشکل امنیتی به اسم social media fingerprinting داره که در موردش یکم توضیح دادم و عملی متوجه شدیم چکار میکنه. لینک آپارات: https://www.aparat.com/v/liVTB لینک یوتیوب: https://youtu.be/JPaIskKeo8I

برنامه نویسی از پایه قسمت پنجاه و هشتم - اصلاح کلاس ها بعد از یکم مطالعه درباره BEM, html, css, felxbox, css grid یه نگاه دیگه به کدهایی که نوشتم انداختم و متوجه شدم بعضی کلاس ها طبق BEM نامگذاری نشدند. در واقع اشتباه نامگذاری شده بودند. لذا توی این ویدئو نکات BEM رو بررسی کردم و در نهایت ایراد های نامگذاری class هارو برطرف کردم. لینک آپارات: https://aparat.com/v/CiPIr لینک یوتیوب: https://youtu.be/ymayBRRq8Mw

برنامه نویسی از پایه قسمت پنجاه و هفتم - اعمال استایل های flex توی این قسمت اول از همه، استایل هایی که قسمت بعدی با developer مرورگر اعمال کرده بودیم رو توی styles.css اضافه کردیم. بعد commit کردیم که توی ریپازیتوری گیت اونارو داشته باشم. بعدش تلاش کردیم که منو رو fixed کنیم و توی این مسیر نکاتی با هم یاد گرفتیم. البته یاد گرفتیم که html و css واقعا نیاز به تخصص داره و به همین دلیل هست که بعضی برنامه نویس های back-end اینقدر ازش فراری هستن. کاری که من توی 40 دقیقه انجام دادم، شاید کار 5 دقیقه یه برنامه نویس فرانت باشه. امیدوارم توی این مسیر و با همدیگه دانش خودمون در زمینه html و css بیشتر کنیم. لینک آپارات: https://www.aparat.com/v/1XVkl لینک یوتیوب: https://youtu.be/ehqI1EEkPkU

برنامه نویسی از پایه قسمت پنجاه و ششم - شروع به پیاده سازی منو 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