روزتون خوش 🌹

سلام و عرض ادب و احترام به همه دوستان عزیز 🌸🌷

بالاخره اون کانالی که همه منتظرش بودیم ایجاد شد ☘️

انتظار بسه ☘️ 🌷

بهتره سریع برم سراغ انچه در طول عمر این کانال خواهد گذشت 🌸

☘️ اموزش کامل html & html5 & svg

☘️اموزش کامل css & css3 & flexbox & cssgrid & responsive

☘️ اموزش اصول برنامه نویسی به همراه درک کامل آن

☘️ اموزش کامل زبان برنامه نویسی javascript

☘️ اموزش کامل زبان های بک اند نظیر php و...

☘️ اموزش معماری سه لایه یا همون mvc

☘️ اموزش کامل ساخت فریموورک شخصی

☘️ اموزش کامل کار با انواع فریموورک ها و کتابخانه ها نظیر laravel , bootstrap , jquery , و... و بسیار موارد دیگر

☘️ کار با سئو و بهینه سازی سایت

☘️ اموزش کامل زبان برنامه نویسی python

☘️ اموزش ساخت هوش مصنوعی

☘️ و ده ها مبحث جذاب و متنوع دیگر ...


🌸 انچه دارای اهمیته اینه که ما تک به تک به همه این موارد خواهیم پرداخت و همه این موارد رو در طیف های گسترده برسی خواهیم کرد 🌸

🌷 منابع خیلی عالی در هر حوزه معرفی خواهیم کرد

🌷 نکات بسیار مهمی رو در هر مبحثی بهش خواهیم پرداخت

🌷 در طول زمان پادکست های خیلی عالی تولید خواهیم کرد

🌷 توضیح کامل انواع اصطلاحات رایج و...

🌷 تا اخر رایگان خواهیم موند

🌷 پاسخ گوی سوالات شما داخل گروه همین کانال هستیم

🌷 و ده ها موارد دیگر ...


🌸 نکته ای که هست اینه که ما html رو کاملا اموزش داده ایم و css رو شروع کردیم ، برای دریافت لینک این دوره ها به اطلاعات کانال مراجعه بفرمایید 🌸



🌸 بدون شک مباحثی که در این کانال اموزش داده خواهد شد ، خیلی فراتر از گفته ها و نوشته هایمان در این پست هست 🌸


👁‍🗨➖➖➖➖➖➖➖➖➖➖➖👁‍🗨
#css #css3 #learn_css
#html #html5 #learn_html
#flex #flexbox #learn_flexbox
#grid #cssgrid #learn_cssgrid
#javascript #js #learn_javascript
#jquery #library #learn_jquery
#php #back_end #learn_php
#laravel #framework #learn_laravel
#mvc #model_view_control #learn_mvc
#python #py #learn_python
#Artificial_intelligence #learn_Artificial_intelligence
#djangi #learn_django
#react #learn_react
#angular #learn_angular
#seo #learn_seo
#bootstrap #learn_bootstrap #front_end

#آموزش #آموزش_css #سی_اس_اس #اموش_اچ_تی_ام_ال #سی_اس_اس_گرید #فلکس_باکس #جاوا_اسکریپت #آموزش_جاوا_اسکریپت #جی_کوئری #اموزش_جی_کوئری #پی_اچ_پی #اموزش_پی_اچ_پی #لاراول #اموزش_لاراول #معماری_سه_لایه #ام_وی_سی #اموزش_ام_وی_سی #اموزش_ویو #ویو #ری_اکت #اموزش_ری_اکت #سئو #بهینه_سازی_سایت #پایتون #اموزش_پایتون #جنگو #اموزش_جنگو #هوش_مصنوعی #انگولار #اموزش_انگولار #بوت_استرپ #اموزش_بوت_استرپ #فریممورک #کتابخانه
👁‍🗨➖➖➖➖➖➖➖➖➖➖➖👁‍🗨


شاد و موفق و پیروز باشید 🌸



☘️Join Channel :👇
{
@frozencoding_channel
}

روزتون خوش🌹
امروز اولین قدم در راه طراحی وب رو بر میداریم .
برای اینکه شما یک طراح وب بشید در مرحله ی اول نیاز مند یادگیری htmlهستید.
خب برین سراغ یادگیری👍
تعریف Html:
اچ تی ام ال یک زبان نشانه گذاری هست نه زبان برنامه نویسی، اچ تی ام ال در واقع صفحه وب رو اسکلت بندی و لایه بندی میکند یک صفحه وب رو در نظر بگیرید برای طراحی اون صفحه،شما باید ابتدا از اچ تی ام ال برای لایه بندیش استفاده کنید به اصطلاح اسکلت بندیش بکنید بعد با زبان css اون صفحه رو قشنگ تر زیباترش کنید.
اچ تی ام ال زبان خیلی راحت و ساده ای هستش و اگر با مباحث کانال بیایید جلو حدود دو هفته ای فول میشید 👍
پس منتظر پست های بعدی باشید ⁦👌


🟨🟨🟨🟨🟨🟨🟨🟨
Join Channel : 👇
@frozencoding_channel

روزتون خوش🌹
خب دوستان ما برای اینکه بتوانیم کدنویسی کنیم و نتیجه ی کارمون رو ببینیم نیازمند دو چیز هستیم
1:نرم افزار (Editor or IDE)
2:مرورگر
برای مرور گر میتوانید از گوگل کروم استفاده کنید .
برای نرم افزار مورد نیاز میتوانید انتخاب های مختلفی داشته باشید و شما حتی با ساده ترین نرم افزار ها مثل notepad هم میتوانید کد های خودتان را بنویسید ولی ما چندین پیشنهاد بهتر داریم در زیر به چندین نرم افزار اشاره میکنیم که میتوانید به سلیقه ی خود یکی را انتخاب کنید
1:Notepad
2:Notepad++
3:Bracket's
4:VScode
5:atom
6:Dreamweaver

پیشنهاد بنده برای راحتی کار شما برای کار با اچ تی ام ال گزینه ی 3و4هست که میتوانید یکی با سلیقه ی خود انتخاب کنید .
ما در این دوره برای راحتی کار شما از نرم افزار Bracket's استفاده خواهیم کرد.
پس زود برید و نرم افزار مورد علاقه خود را که یکی از شیش گزینه بالاست رو انتخاب کنید و نصب کنید تا بریم سراغ کد نویسی😍


🟨🟨🟨🟨🟨🟨🟨🟨
Join Channel : 👇
@frozencoding_channel

روزتون بخیر
بالاخره میریم سراغ کد نویسی 😍 و امیدوارم نرم افزار خودتونو نصب کرده باشید که مطمعنم نصب کردید پس بریم سراغ یادگیری 👍
خب در ابتدا یک پوشه در کامپیوتر خود باز کنید نام پوشه رو هرچی دوس دارید بزارید بعد نرم افزار brackets رو باز کنید خب در قسمت سمت چپ گزینه New folderرو بزنید و بعد گزینه ی Open folderرو بزنید در پنجره ی باز شده اون پوشه ای که ساختید رو انتخاب کنید و گزینه ی Select Folderرو بزنید الان پوشه ی شما انتخاب شده بعد در قسمت سمت چپ درست زیر New folder کلیک راست کنید و گزینه ی New fileرو انتخاب کنید و بعد یک نام دلخواه با پسوند html را وارد کنید مثال برای وارد کردن نام 👈 web.html نام به صورت اختیاری هست یعنی میتوانید حتی اسم خودتون رو هم وارد کنید ولی پسوند باید htmlباشد بعد از ساختن سند اون رو انتخاب کنید و برید صفحه ی کد نویسی خب برای اینکه زیاد طولانی نشود بحث کد نویسی رو میزاریم برای پست بعدی و پست بعدی رو امشب قرار میدیم که شروع کد نویسی هست پس بریم تا پست بعدی که کد نویسی رو شروع کنیم و حسابی لذت ببریم 👍

برای دریافت ویدیو نحوه ایجاد فایل به گروه مراجعه بکنید ☘️ و از ادمین ویدیو رو بخواید و یا زیر همین پست کامنت بزارید و در کمترین زمان ویدیو براتون فرستاده میشه🌸


🟨🟨🟨🟨🟨🟨🟨🟨
Join Channel : 👇
@frozencoding_channel

روزتون بخیر
خب دوستان قبل از کد نویسی اچ تی ام ال ذکر چند نقطه لازم است
1:هر چیزی که داخل یک صفحه مرورگر قابل مشاهده هست از یک تگ مخصوص به خودش ساخته شده
2:ساختار کلی یک تگ به صورت زیر است 👇
یک علامت کوچک تر >
نام تگ
یک علامت بزرگ تر<
و هر تگ که شروع میشود یک تگ پایانی هم دارد که با علامت کوچک تر و علامت/ و نام تگ و علامت بزرگ تر مشخص میشود مثال برای یک تگ ..........................................👇
<p>website</p>

البته چند تا تگ هست که نیاز به تگ بسته شدن ندارند که اونهارو در جلو بهشون میپردازیم


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



🟨🟨🟨🟨🟨🟨🟨🟨
Join Channel : 👇
@frozencoding_channel

روزتون خوش 🌹
خب سریع بریم سراغ کد نویسی ، که در این بخش کد رو مینویسیم بعد میریم سراغ توضیحش👍

<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>

خب شما برای اینکه بتوانید از کد های html استفاده بکنید حتما باید این کد رو بنویسید یعنی این کد base تمام کد های اچ تی ام ال هست حتما باید نوشته بشه
بریم سراغ توضیحات کد
<DOCTYPE html>
این کد به مرورگر میفهماند که این سندی که در اختیار داری یک سند اچ تی ام ال هست
<html>
این کد ریشه ی تمام تگ های ما و نمایان گر یک صفحه ی وب هست
<head>
یک انسان را در نظر بگیرید تگ هد میشود سر انسان و برخی از اطلاعات صفحه وب رو داخلش مینویسم مثل عنوان صفحه
<body>
همان انسان را در نظر بگیرید این کد میشود بدن انسان در واقع ستون و بدنه ی صفحه ی وب مارا تشکیل می دهد و هر تگی که داخل این کد قرار بگیرد برای کاربران قابل مشاهده هست .
خب من عکس همین کدی که نوشتیم رو در پست بعدی میزارم تا قشنگ بفهمید که چگونه داخل نرم افزار نوشته میشود.
منتظر پست های بعدی باشید



🟨🟨🟨🟨🟨🟨🟨🟨
Join Channel : 👇
@frozencoding_channel

در این عکس 3 عدد تگ رو ما هنوز نگفتیم ولی نگران نباشید تک تک این تگ هارو مورد بحث قرار خواهیم داد

🟨🟨🟨🟨🟨🟨🟨🟨
Join Channel : 👇
@frozencoding_channel

روزتون خوش🌹
یه مبحث دیگه ای که، دوستان باید بهش بپردازیم صفت ها هستن بریم که یاد بگیریم اصلا صفت چیه؟
ما به وسیله ی صفت ها در اچ تی ام ال می توانیم کنترل بیشتری بر تگ ها داشته باشیم بسیاری از تگ ها صفت های منحصر به فرد خود را دارند که به این صفت ها صفت های اختصاصی می گویند اما بعضی از صفات نیز بین تگ ها مشترک است و در همه ی تگ ها یک کار را انجام میدهند به این صفت ها صفت های عمومی می گویند مثال 👇

Class
Id
dir
lang
style
title
hidden
contenteditable

این ها جزو صفت های عمومی هستند که هر کدوم کار خاصی را انجام میدهند که در ادامه به تک تک اون ها می پردازیم و در مورد صفات اختصاصی هم بگم که هر تگی که مورد بحث قرار خواهد گرفت چنان که صفت اختصاصی داشته باشد صفت های اون تگ رو هم به همراه خود تگ برسی خواهیم کرد پس بریم تا پست های بعدی 👍


🟨🟨🟨🟨🟨🟨🟨🟨
Join Channel : 👇
@frozencoding_channel

روزتون خوش🌹
خب دوستان ابتدا برای اینکه معنای صفت و اینکه چطوری با یک تگ استفاده میشه برای شما جا بی افته یک مثال میزنم تا در ادامه بهتر کارو به جلو پیش ببریم 👍
مثال:
<p>website</p>
این تگ، تگه پاراگراف هست و میتونید یک متن رو داخلش بنویسید
align

این یک صفت هست که نحوه ی چینش متن را کنترل میکنه مثلا متن ما راست چین باشه چپ چین باشه یا وسط چین باشه یا تراز بندی شده باشه
مقادیری که این صفت میگیرد 👇

1:leftمتن در سمت چپ قرار میگیرد
2:rightمتن در سمت راست قرار میگیرد
3:centerمتن در وسط قرار میگیرد
5:justify متن از هردو طرف تراز میشود

حالا بریم یاد بگیریم که صفت و تگرو چطوری با هم قرار میدهند به مثال زیر توجه کنید

<p align="right">website</p>

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

🟨🟨🟨🟨🟨🟨🟨🟨
Join Channel :
@frozencoding_channel

روزتون خوش🌹
امروز میخواهیم چند تا از تگ های قالب بندی رو بگیم پس زود میرم سراغ اموزش ها ................................................👇

<p>

این تگ تگ پاراگراف هست و میتوانیم یه متنی را داخلش بنویسیم

<b>
متن داخل این تگ در صفحه به صورت ضخیم نمایش داده خواهد شد.

<strong>
این تگ دقیقا مثل تگ b متن رو ضخیم میکند ، این تگ زمانی به کار میرود که بخواهیم متن مهمی رو که از متن های معمولی جدا هست ، ضخیم کنیم.

<i>

این تگ متن را ایتالیک میکند یعنی مورب میکند کمی کج می کند

<em>
این تگ دقیقا مثل تگ i متن رو مورب میکند ، این تگ زمانی به کار میرود که بخواهیم متن مهمی رو که از متن های معمولی جدا هست ، مورب کنیم.

<u>

این تگ زیر متن های ما یک خط میکشد

<s>

این تگ متن مارو به صورت خط خورده نشان میدهد

<sup>

متن را بالا چین میکند

<sub>

متن را پایین چین میکند

این تگ هارا هم به صورت ترکیبی و هم به صورت تکی تمرین کنید وقتی میگویم به صورت ترکیبی یعنی به شکل زیر 👇
<p>webdisign<i>lnformation</
i></p>
در پست بعدی تمام خروجی این تگ هارا به صورت عکس نشان خواهم داد و در پست های بعد از اون باز میریم سراغ تگ های قالب بندی .


🟨🟨🟨🟨🟨🟨🟨🟨
Join Channel : 👇
@frozencoding_channel

دوستان اینم نمونه کد بالا هم به صورت تکی و هم به صورت ترکیبی تقدیم شما⁦❤️⁩