خب الکی
تمرین بعدیم
![[تصویر: 471930_16.png]](https://img.manesht.ir/471930_16.png)
سلام
صبح عالیتون بخیر
خب امروز باید بخش ۴۱ وردپرس را بخونم
...................
خدای مهربونم عاقبت همه را بخیر کن عاقبت من را هم بخیر کن........
خدایا کمک کن تا از وقتم در جهت رسیدن به اهدافم استفاده مفید کنم ..............
خب تمرین بعدیم
![[تصویر: 471939_233.png]](https://img.manesht.ir/471939_233.png)
[/php]
کد php:
select{
padding: 10px;
border-radius: 5px;
width: 300px;
direction: rtl;
margin-left: 10px;
font-size: 16px;
font-weight: bold;
}
.main{
width: 80%;
margin: 0px auto;
background: white;
padding-top: 10px;
}
header{
display: flex;
flex-direction: row-reverse;
background-color: #f5fbeb;
}
*{
margin: 0px;
padding: 0px;
}
body{
background-color: #e0f7ff;
}
nav{
display: flex;
flex-direction: row-reverse;
}
ul li{
background-color:#7ee2a9;
margin: 15px 10px 10px 0px;
border-radius: 5px;
padding: 15px;
font-size: 20px;
}
ul{
display: flex;
flex-direction: row-reverse;
}
ul li{
list-style-type: none;
}
input[type="text"]{
padding: 10px;
width: 400px;
border-radius: 5px;
direction: rtl;
margin-left: 10px;
font-size: 16px;
font-weight: bold;
}
button[type="submit"]{
padding: 10px;
border-radius: 5px;
background-color: #7ee2a9;
font-size: 16px;
font-weight: bold;
border:none;
margin-left: 10px;
width: 100px;
}
form{
border:1px solid #eae4e4;
padding: 15px;
margin: 10px;
}
.row3{
display: flex;
flex-direction: column;
}
.row2{
margin-top: 10px;
display: flex;
flex-direction: row-reverse;
}
.row1{
display: flex;
flex-direction: row-reverse;
}
.container{
display: flex;
flex-direction: row-reverse;
width:100%;
background-color: white;
}
.right{
width:25%;
}
.product{
margin: 10px;
width: 26%;
display: flex;
flex-direction: column;
align-items: center;
text-align: right;
border: 1px solid #eae4e4;
}
@media (min-width:500px )and (max-width:800px) {
.product{
width: 40% ;
}
.star-rating{
width:15% !important;
}
}
@media (max-width:499px){
.product{
width: 100%;
}
}
@media (max-width:450px){
.product{
width: 100%;
}
nav{
width: 100%;
}
ul{
display:flex;
width: 100%;
text-align: center;
flex-direction: column-reverse;
}
}
h2{
width: 200px;
padding: 5px;
background-color:#7ee2a9;
border-radius: 5px;
text-align: center;
position: relative;
font-family: 'ANasr.ttf';
margin-right: 10px;
margin-bottom: 10px;
}
@font-face {
font-family: 'ANasr.ttf';
src: url(font/ANasr.ttf);
font-weight: normal;
}
#doctor{
background-color: gold;
font-size: 20px !important;
}
h2::after{
position: absolute;
top:19px;
content: '';
width: 0px;
height: 0px;
transform: rotate(-90deg);
left: -21px;
border-right: 16px solid transparent;
border-left: 16px solid transparent;
border-bottom: 16px solid #7ee2a9;
}
*{
font-family: 'ANasr.ttf';
}
.image-product{
width: 50%;
}
.image-product img{
width: 100%;
}
.left{
width:75%;
display:flex;
flex-direction: column;
align-items: flex-end;
flex-wrap: wrap;
padding-top: 10px;
}
.left-main{
display: flex;
flex-direction:row-reverse;
justify-content: flex-start;
flex-wrap: wrap;
}
.star-rating{
width:10%;
display:inline-flex;
justify-content: center;
margin: 5px 0px 5px 0px;
}
.star-rating img{
width: 100%;
}
کد php:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>Document</title>
</head>
<body>
<div class="top">
<header>
<nav>
<ul>
<li>صفحه اصلی</li>
<li>بانک پزشکان</li>
<li>پرسش و پاسخ پزشکی</li>
<li> درباره ما</li>
</ul>
</nav>
</header>
</div>
<div class="main">
<form action="" id="doctor">
<div class="row3">
<div class="row1">
<input type="text" name="fname" placeholder="جستجو نام دکتر ، بیمارستان و ...">
<select name="doctor-group" form="doctor">
<option value="sono">سونولوژیست</option>
<option value="orology">ارولوژی</option>
<option value="norology">نورولوژی</option>
</select>
</div>
<div class="row2">
<select name="ostan-group" form="doctor">
<option value="tehran">تهران</option>
<option value="shiraz">شیراز</option>
<option value="qom">قم</option>
</select>
<select name="shahr-group" form="doctor">
<option value="damavand">دماوند</option>
<option value="lavasanat">لواسانات</option>
<option value="firozkoh">فیروزکوه</option>
</select>
<button type="submit" name="submit">جستجو</button>
</div>
</div>
</form>
<div class="container">
<aside class="right">
</aside>
<aside class="left">
<h2>پزشکان ویژه</h2>
<div class="left-main">
<div class="product">
<div class="image-product">
<img src="images/2.png">
</div>
<h3>دکتر مهدی کریمی</h3>
<div class="star-rating">
<img src="images/1.jpg">
<img src="images/1.jpg">
<img src="images/1.jpg">
<img src="images/1.jpg">
<img src="images/1.jpg">
</div>
<div class="product-desc">
<b>فوق تخصص گوارش</b>
</div>
<div class="product-price">
<div class="price">
خیابان بلوار موسی صدر
</div>
</div>
</div>
<div class="product">
<div class="image-product">
<img src="images/2.png">
</div>
<h3>دکتر مهدی کریمی</h3>
<div class="star-rating">
<img src="images/1.jpg">
<img src="images/1.jpg">
<img src="images/1.jpg">
<img src="images/1.jpg">
<img src="images/1.jpg">
</div>
<div class="product-desc">
<b>فوق تخصص غدد</b>
</div>
<div class="product-price">
<div class="price">
خیابان توحید
</div>
</div>
</div>
<div class="product">
<div class="image-product">
<img src="images/2.png">
</div>
<h3>دکتر مهدی کریمی </h3>
<div class="star-rating">
<img src="images/1.jpg">
<img src="images/1.jpg">
<img src="images/1.jpg">
<img src="images/1.jpg">
<img src="images/1.jpg">
</div>
<div class="product-desc">
<b>جراح مغز و اعصاب</b>
</div>
<div class="product-price">
<div class="price">
خیابان دورشهر
</div>
</div>
</div>
<div class="product">
<div class="image-product">
<img src="images/2.png">
</div>
<h3>دکتر مهدی کریمی</h3>
<div class="star-rating">
<img src="images/1.jpg">
<img src="images/1.jpg">
<img src="images/1.jpg">
<img src="images/1.jpg">
<img src="images/1.jpg">
</div>
<div class="product-desc">
<b>فوق تخصص ریه</b>
</div>
<div class="product-price">
<div class="price">
خیابان نواب
</div>
</div>
</div>
</div>
</aside>
</div>
</div>
</body>
</html>
سلام
صبح زیباتون بخیر
خب امروز باید بخش ۴۲ وردپرس را بخونم
.......................
خدای مهربون عاقبت همه را بخیر کن ، عاقبت من را هم بخیر کن............
خب تمرین بعدی
![[تصویر: 471960_4.png]](https://img.manesht.ir/471960_4.png)
سلام
صبح عالیتون بخیر
خب امروز باید بخش ۴۳ از وردپرس را بخونم.............
خدایا عاقبت همه را به خیر کن عاقبت من را هم بخیر کن............
........................
خب امروز لانگ بودم وقت زیادی نداشتم تمرین بعدیم
![[تصویر: 471996_6.png]](https://img.manesht.ir/471996_6.png)
کد php:
label{
display: inline-flex;
background-color: transparent;
margin: 0px;
padding: 0px;
}
ul{
background-color: #fbdeae;
display: flex;
width: 100%;
flex-direction: row-reverse;
}
img{
width:50px;
height: 50px;
}
#check:checked+.lbl+ .nav-main{
display: flex;
position: absolute;
flex-wrap: wrap;
top:-12px;
right:45px;
}
.li-main{
font-family: 'ANasr.ttf';
border-radius: 3px;
list-style-type: none;
border-left: 3px solid gray;
background-color: gold;
margin-bottom: 2px;
padding: 5px;
margin-right: 6px;
}
input[type='checkbox']{
display: none;
}
.nav-main{
display: none;
}
nav{
position: relative;
display:flex;
flex-direction: row;
justify-content: flex-end;
}
@font-face {
font-family: 'ANasr.ttf';
src: url(font/ANasr.ttf);
font-weight: normal;
}
کد php:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/style3.css">
<title>Document</title>
</head>
<body>
<div class="top">
<header>
<nav>
<input type="checkbox" id="check" name="chk" class="chek">
<label for="check" class="lbl"><span><img src="images/4.png"></span></label>
<ul class="nav-main">
<li class="li-main">صفحه اصلی</li>
<li class="li-main">بانک پزشکان</li>
<li class="li-main">پرسش و پاسخ پزشکی</li>
<li class="li-main"> درباره ما</li>
</ul>
</nav>
</header>
</div>
</body>
</html>
سلام
صبح عالیتون بخیر
خب امروز باید بخش ۴۴ از وردپرس را بخونم البته اشکال زیاد دارم ajax- javascript-jqury بلد نیستم.
.....................................
خدای مهربون عاقبت همه را به خیر کن عاقبت من را هم به خیر کن..........
خدایا شرایط پیشرفت همه را فراهم کن ، کمک کن تا من هم روز به روز پیشرفت بیشتری کنم ..........
سلام
خب امروز هم تا ۹/۳۰ سرکار بودم جایگزین بودم
کمی که کار کردم البته خیلی اشکال دارم که اصلا مهم نیست یه سری نکات یاد گرفتم
فکر کنم باید روی درصدها و فونت ها کار کنم چون خیلی مهم هست تو یه مرورگر درست نشون میده تو یه مرورگر درست نشون نمیده
![[تصویر: 33.png]](https://i.postimg.cc/Bbw4s89C/33.png)
خب
خدای مهربونم ممنون از اینکه کمکم می کنی
نمی دونم چرا وقتی به مرور جلوتر می رم وقتی با یه خطا مواجه می شم امیدم به خدا خیلی خیلی شده و نگرانی بابت خطای مواجه شده ندارم
فکر می کنم قرار یه نکته جدید یاد بگیرم
الان فهمیدم که چقدر mozila حساس هست من برای اینکه بخوام بخش expand کار کنم تمام قسمت هاش باید همه اون قسمت ها را دقیقا
قبل از label بنویسم وگرنه کار نمی کنه در حالی که در کروم نیازی نیست و کار می کنه
کد php:
<div class="row">
<input type="checkbox" id="checkbox-collapse">
<div class="nav" id="nav1">
<h3>بخش سیاسی</h3>
<ul class="main-menu">
<li class="li-main">دسته یک</li>
<li class="li-main">دسته یک</li>
<li class="li-main">دسته یک</li>
<li class="li-main">دسته یک</li>
</ul>
<h3>بخش سیاسی</h3>
<ul class="main-menu">
<li class="li-main">دسته یک</li>
<li class="li-main">دسته یک</li>
<li class="li-main">دسته یک</li>
<li class="li-main">دسته یک</li>
</ul>
<h3>بخش سیاسی</h3>
<ul class="main-menu">
<li class="li-main">دسته یک</li>
<li class="li-main">دسته یک</li>
<li class="li-main">دسته یک</li>
<li class="li-main">دسته یک</li>
</ul>
</div>
<label for="checkbox-collapse" class="lbl" id="lbl1">
</label>
</div>
خب من بخش ۴۵ وردپرس را خوندم
....................................
سلام
صبح عالیتون بخیر
خب امروز باید بخش ۴۶ وردپرس را بخونم
......................................................
خدای مهربون عاقبت همه را بخیر کن عاقبت من را بهم بخیر کن ............
سلام دوستان.ممنون میشم من راهنمایی کنید .من ارشد مدیریت صنعتی دارم پایان نامم در حوزه ی ایتی انجام دادم .الان برای دکتری شک دارم خود صنعتی امتحان بدم یا مدیریت فناوری اطلاعات امتحان بدم.کسی از شما راجع به این رشته و بازار کارش میدونه؟اگر راهنماییم کنید ممنون میشم اینجوری منم با خیال راحت تر برنامه ریزی میکنم
(۲۳ آبان ۱۳۹۸ ۰۱:۱۲ ب.ظ)naiad نوشته شده توسط: سلام دوستان.ممنون میشم من راهنمایی کنید .من ارشد مدیریت صنعتی دارم پایان نامم در حوزه ی ایتی انجام دادم .الان برای دکتری شک دارم خود صنعتی امتحان بدم یا مدیریت فناوری اطلاعات امتحان بدم.کسی از شما راجع به این رشته و بازار کارش میدونه؟اگر راهنماییم کنید ممنون میشم اینجوری منم با خیال راحت تر برنامه ریزی میکنمسلام
من چون تو این زمینه اطلاعی ندارم نمی تونم کمکتون کنم بهتر ه تو تاپیک های دیگه باز از دوستان سوال کنید شاید کسی اطلاع داشته باشه
هر چند همه میگن دنبال رسالتتون برید من اما اولویت اولم داشتن کار بود کارم اداری هست تا لیسانس بیشتر ادامه ندادم
اما اولویت دوم را برنامه نویسی گذاشتم اصلا به حقوقش فکر نمی کنم می خوام فقط ادامه بدم ان شاء الله تا اخرش
من یه مدت به این فکر می کردم که شاید اشتباه اومدم باید بشینم زمان بزارم کنکور شرکت کنم پزشکی قبول شم وشاخه های کشفیات پزشکی و یا سونولوژیست به نظر خودم فکر می کردم استعداد دارم می دونستم مثلا باید ۱۰-۱۵ سال زمان بزارم بعدش هم تخصص دارم و خدمت می کنم و هم حقوقش خیلی بالاست و....
اما بعدش فکر کردم به اینکه اگه من استعدادی که احساس می کنم تو زمینه پزشکی دارم تو همین زمینه هم انجام بدم کارم را ادامه بدم قطعا یه روزی به همون اهداف خیلی بزرگم اگه ان شاء الله ادامه بدم برسم به خاطر همین تصمیم گرفتم فقط ادامه بدم اصلا حقوق برام مهم نیست من فقط ادامه میدم...
شما هم به نظرم با توجه به شرایط خودتون ببینیددر حال حاضر چه چیزی براتون اولویت داره و کنارش کاری که توش استعداد دارید را شروع کنید و تا انتها ادامه بدید
ان شا ء الله موفق باشید
خب
به خاطر اینکه جاوا اسکریپت پیشنیاز وردپرس هست و من وسط کار فهمیدم
اموزش وردپرس را تا همین بخش ۴۶ باقی می مونه و جاوا اسکریپت را شروع می کنم
..............................
توابع در جاوا اسکریپت:
مهمان عزیز شما قادر به مشاهده پیوندهای انجمن مانشت نمی‌باشید. جهت مشاهده پیوندها ثبت نام کنید.
توابعی که به صورت عبارت هستند یعنی داخل یه متغییر قرار می گیرند
کد php:
var x = function (a, b) {return a * b};
توابعی که داخل که دارای نام هستن
function myFunction(a, b) {
return a * b;
}
اما بعد از توابع به صورت عبارت باید سمی کالن قرار بگیره
................
function hoisting:
در مورد توابعی که به صورت Declaretion هستن یعنی یه اسم دارن به کارمیر ه یعنی ما میایم و اول Declaration را تعریف می کنیم
و بعد تابع را صدا می زنیم
چون تو جاو اسکریپت فراخوانی تابع می تونه قبل از تعریف تابع باشه
کد php:
myFunction(5);
function myFunction(y) {
return y * y;
}
self-invoking functions:
زمانی هست که من انتهای تابع پرانتز باز و پرانتز بسته می زارم و خود تابع را هم درون پرانتز باز و بسته می زارم و این تابع ها بدون نام هستن
کد php:
(function () {
var x = "Hello!!"; // I will invoke myself
})();
جاوااسکریپت خیلی باحاله
همه جا کاربرد داره
ولی یه چیزی،
برنامه نویسی و طراحی سایت به عنوان شغل، مهارت محسوب میشه
پروژه کوچک ۰ تا ۱۰۰ تعریف کنید بهتر و ماندگارتره تا دنبال کردن کتاب
برای من اینطور بود. تجربه هر کی منحصر به فرده. گفتم تا مثل من وقتتون رو توی کتابا غیربهینه صرف نکنید