نیم نگاهی به برخی از متودهای آرایه ها در جوااسکریپت

#جاوااسکریپت
#javascript

★彡 @kiau_program 彡★

سال نوتون مبارک رفقا، آرزو نمیکنم که سال خوبی براتون باشه، بلکه از ته دل امیددارم که امسال بهترین سال زندگیتون رو با دستای خودتون خلق کنید✌️🏼❤️


★彡 @kiau_program 彡★

آناتومی توابع (Function Decleration) در جاوااسکریپت

#جاوااسکریپت
#javascript

★彡 @kiau_program 彡★

جاوااسکریپت wtf ترین زبان برنامه نویسی :)

★彡 @kiau_program 彡★

رفقا Component/Template Kit رسمی تیلویند یا همون Tailwind UI یسری کامپوننت ها و تمپلیت های ساخته شده توسط تیم خود تیولوینده که قیمتش تو سایت تیلویند برای شخص چیزی حدود 300 دلار و برای تیم یا کمپانی حدودا 800 دلاره.

این آپدیت برای سال 2023 و کامپوننت هارو در قالب react, vue, html, alpine داره. یسری تمپلیت های آماده هم داره که اگر اشتباه نکنم با Next js توسعه داده شده.

علاوه بر این هم فایل لایه باز figma هم در بر میگیره که اگر نیاز داشتید میتونید ازش استفاده کنید.

https://downloadly.ir/theme/tailwind-ui-application-ui-marketing/

#فرانت

★彡 @kiau_program 彡★

پاسخگویی به یک سری سوالات پر تکرار درباره مسیر هوش مصنوعی
-----------------------------------------------------------
من می خواستم این حرفه رو شروع کنم ولی از هر کسی که سوال کردم گفتن اموزشگاه های بیرون اصلا خودشون هم بلد نیستن
می خواستم بدونم این حرفه شامل چه دوره هایی هست؟
چند ماه طول میکشه تا یاد بگیریم؟
بهترین منابع برای یادگیری چی هستش؟
و اینکه کدوم شاخه داخل این حرفه درامدزایی خوبی داره؟
#هوش_مصنوعی
@kiau_program

کد هک پسورد با پایتون👇🏻

import os
from random import randint

os. system('color a')
U_pass = input("Enter your password: ")
pas = ['a', 'b', 'c', 'd',
       'e', 'f', 'g', 'h',
       'i', 'j', 'k', 'l',
       'm', 'n', 'o', 'p',
       'q', 'r', 's', 't',
       'u', 'v', 'w', 'x',
       'y', 'z', '0', '1',
       '2', '3', '4', '5',
       '6', '7', '8', '9']
ps = ''
while ps != U_pass:
    ps = ''
    for letter in range(len(U_pass)):
        guess = pas[randint(0, 35)]
        ps += guess print (ps)
        print('Cracking Password..Please wait')
        os.system('cls')
print(f'Your Password : {ps}')

ری‌اکشن یادتون نره♥️

★彡 @kiau_program 彡★

💎 JSTips:

تفاوت بین target و currentTarget در event context:

✅ پراپرتی target از آبجکت event، شامل المنتی هست که باعث اجرای یک رویداد یا event خاص شده:

<div onclick="getElement(event)">
    <p>
        <button></button>
    </p>
</div>

function getElement(event) {
    alert(event.target.tagName);
}

همونطور که می‌بینید یک رویداد onclick به یک div نسبت داده شده. مقداری که event.target می‌گیره، اگه روی تگ div کلیک کنیم شامل تگ div، اگه روی p کلیک کنیم شامل تگ p و اگه روی button کلیک کنیم شامل تگ button خواهد بود.

✅ پراپرتی currentTarget از آبجکت event شامل المنتی هست که رویداد به اون نسبت داده شده:

<div onclick="getElement(event)">
    <p>
        <button></button>
    </p>
</div>

function getElement(event) {
    alert(event.currentTarget.tagName);
}

اگه روی تگ‌های div و p و button کلیک کنیم، پراپرتی currentTarget شامل تگ div خواهد بود. چون ما رویداد رو به div نسبت دادیم.

#جاوااسکریپت
#javascript

★彡 @kiau_program 彡★

باکس مدل (Box Model) تو CSS یه مفهوم خیلی مهمه که تعیین می‌کنه چطور یه المنت HTML تو صفحه وب قرار میگیره و چطوری اندازه‌ها و فواصل اون محاسبه میشن. این مفهوم شامل چهار مولفه اصلی هست:

1. Content (محتوا):
قسمت داخلی یه المنت که شامل محتوای واقعی مثله متن، تصاویر یا سایر المنت های HTML هست.

2. Padding:
فضای بین محتوا و حاشیه المنت. پدینگ می‌تونه به صورت جداگانه برای هر سمت (بالا، پایین، چپ، راست) تنظیم بشه.

3. Border:
حاشیه اطراف پدینگ و محتوا که مرزهای المنت رو مشخص میکنه.

4. Margin:
فضای بین حاشیه المنت و سایر المنت ها در صفحه.

#CSS
#فرانت


★彡 @kiau_program 彡★

🎯 دوره‌های آموزشی (Web Development) منبع انگلیسی (دوبله شده، زیرنویس فارسی)

- دوبله فارسی آموزش JavaScript Jonas Schmedtmann

- دوبله فارسی آموزش React Jonas Schmedtmann

- دوبله فارسی آموزش Node Js Jonas Schmedtmann

- زیرنویس فارسی آموزش مقدماتی HTML CSS Jonas Schmedtmann

- زیرنویس فارسی آموزش JavaScript Jonas Schmedtmann

- زیرنویس فارسی آموزش React Jonas Schmedtmann


- آموزش زبان اصلی Advanced CSS Jonas Schmedtmann

★彡 @kiau_program 彡★

در اینجا همه چیزهایی است که در این دوره کامل یاد خواهید گرفت:

در این دوره عملی، پایتون را از ابتدا شروع می‌کنید تا سطحی که می‌توانید تقریباً هر چیزی را با آن بسازید، خواه یک برنامه وب کاملاً کاربردی مبتنی بر پایگاه داده یا یک ابزار اتوماسیون باشد.

این دوره به شما پایتون را از ابتدا و از سطح بسیار ابتدایی آموزش می دهد و به تدریج شما را به سمت موضوعات پیشرفته تر سوق می دهد.

ما نه تنها تمام اصول اولیه پایتون را پوشش می دهیم، بلکه محبوب ترین کتابخانه های پایتون مانند جنگو، فلاسک، تیکینتر و سلنیوم را نیز پوشش می دهیم. در اینجا همه چیزهایی است که در این دوره کامل یاد خواهید گرفت:

در این دوره عملی، پایتون را از ابتدا شروع می‌کنید تا سطحی که می‌توانید تقریباً هر چیزی را با آن بسازید، خواه یک برنامه وب کاملاً کاربردی مبتنی بر پایگاه داده یا یک ابزار اتوماسیون باشد.

این دوره به شما پایتون را از ابتدا و از سطح بسیار ابتدایی آموزش می دهد و به تدریج شما را به سمت موضوعات پیشرفته تر سوق می دهد.

ما نه تنها تمام اصول اولیه پایتون را پوشش می دهیم، بلکه محبوب ترین کتابخانه های پایتون مانند جنگو، فلاسک، تیکینتر و سلنیوم را نیز پوشش می دهیم. در اینجا همه چیزهایی است که در این دوره کامل یاد خواهید گرفت:

در این دوره عملی، پایتون را از ابتدا شروع می‌کنید تا سطحی که می‌توانید تقریباً هر چیزی را با آن بسازید، خواه یک برنامه وب کاملاً کاربردی مبتنی بر پایگاه داده یا یک ابزار اتوماسیون باشد.

این دوره به شما پایتون را از ابتدا و از سطح بسیار ابتدایی آموزش می دهد و به تدریج شما را به سمت موضوعات پیشرفته تر سوق می دهد.

ما نه تنها تمام اصول اولیه پایتون را پوشش می دهیم، بلکه محبوب ترین کتابخانه های پایتون مانند جنگو، فلاسک، تیکینتر و سلنیوم را نیز پوشش می دهیم. https://www.youtube.com/watch?v=spXdDP7J0TA&list=PLIrsP8dft12CSv-KEbiXq21JmR3LUr854
#هوش_مصنوعی #پایتون
@kiau_program

❗️ Challenge

اگر سوالی داشتید، تو گروه بپرسید.

#جاوااسکریپت #javascript

★彡 @kiau_program 彡★

✅لینک اکانت گیت هاب دوستان✅

https://github.com/mahdi-noori-ai

https://github.com/BenyaminKeshavarz

https://github.com/erfan-8

https://github.com/khosro-web

https://github.com/rex-vero

https://github.com/MohamadHusein
https://github.com/MahdiJalilvandir
https://github.com/aminfallahzadeh

http://github.com/alifcpr

#گیت_هاب

❗️ Challenge

اگر سوالی داشتید، تو گروه بپرسید.

#جاوااسکریپت #javascript

★彡 @kiau_program 彡★

❗️ Challenge

اگر سوالی داشتید، تو گروه بپرسید.

#جاوااسکریپت #javascript

★彡 @kiau_program 彡★

🎯 داکیومنت‌ها

- داکیومنت HTML از سایت MDN

- داکیومنت Accessibility از سایت MDN

- داکیومنت CSS از سایت MDN

- داکیومنت SASS از سایت sass-lang

- (داکیومنت JavaScript از سایت javascript.info

داکیومنت JavaScript از سایت fa.javascript.info ورژن فارسی)

- داکیومنت Git از سایت git-scm

- داکیومنت Github از سایت docs.github

- داکیومنت Vite از سایت vitejs.dev

- داکیومنت NPM از سایت docs.npmjs

- داکیومنت Tailwind از سایت tailwindcss

- داکیومنت Bootstrap از سایت bootstrap

- داکیومنت Vue از سایت vue.js

- داکیومنت Nuxt.js از سایت nuxt

- داکیومنت React از سایت react.dev

- داکیومنت Next.js از سایت nextjs

- داکیومنت TypeScript از سایت typescriptlang

- داکیومنت Frontend Guidelines

- داکیومنت JavaScript Style Guides


#فرانت
★彡 @kiau_program 彡★