آغاز راه شما برای تبدیل شدن به یک طراح سایت و ادامه تبدیل شدن به یک برنامه نویس در بهترین سن
شروع کردن برنامه نویسی در سنین ۱۲ تا ۱۵ سال میتونه آینده شغلی اونها رو تضمین کنه! دنیا بشدت در حال پیشرفته و با پیشرفت تکنولوژی احساس نیاز به برنامه نویس ها بشدت حس میشه. در این روزها اکثر فروشنده ها، کارخونه ها، سازمان ها و حتی افراد برای اینکه بتونن خودشون رو به بقیه معرفی کنن نیاز به داشتن یک وب سایت دارند و افرادی که بتونن این وب سایت ها طراحی کنند بسیار کم هست چون اکثرا از دانش خوبی برخوردار نیستند! اما یاد گرفتن طراحی سایت و برنامه نویسی در سنین کم میتونه بسیار تاثیر گذار باشه تا در کنار افرادی که شغل اصلیشون برنامه نویسی هست در این مسیر قدم بردارند و در این سنین کم یه صورت عمیق اون رو یاد بگیرند تا در سنین جوانی بتونن با استفاده از مهارتی که بدست آوردند درآمد خوبی کسب کنند.
برای شروع توسعه وب، نیاز دارید که در اولین قدم HTML و CSS را به صورت عمیق یاد بگیرید. در بازار کار بسیاری از توسعه دهنده های وب هستند که با وجود تجربه چندین ساله، ضعف بسیاری در HTML و CSS دارند و دلیل آن هم در شروع یادگیری آنها بوده که این موارد مهم را بصورت عمیق یاد نگرفته اند. اما شما با شرکت در این دوره می توانید یکبار برای همیشه بصورت کامل کاربردی این دو را بصورت کامل یاد بگیرید. خوب یاد گرفتن HTML و CSS، جزو ملزوماتی است که همیشه برای شما کاربردی خواهد بود و باعث میشه تا یک وب سایت را از لحاظ ظاهری و ساختاری، از ابتدا تا به انتها با روش های گوناگون HTML و CSS توسعه دهید. پس از یادگیری این دو، قدم بعدی یادگیری طراحی لی اوت ریسپانسیو است و پس از آن شما برای پر و بال دادن به صفحات خود از jQuery استفاده خواهید کرد و در گام پایانی تبدیل کردن دیزاین به کد را یاد خواهید گرفت. در نهایت برای یادگیری کار تیمی و مدیریت پروژه ها آشنا می شوید. پس از پایان دوره و انجام تمرین ها و پروژه های مختلف، شما یاد می گیرید که چگونه یک وب سایت را با استفاده و ترکیب از HTML + CSS + jQuery تولید و آن را به اشتراک بگذارید.
بوت کمپ آموزشی توربو وب، یک دوره آموزشی کامل است که بصورت پروژه محور و فشرده طراحی شده تا شما طراحی وب و توسعه رابط کاربریرا یاد بگیرید و با اراده ای آهنین کار خود را بعنوان یک توسعه دهنده Front-End شروع کنید! مهم نیست در داخل یا خارج از ایران قرار دارید، برای یادگیری شما هیچ گونه محدودیتی وجود ندارد. در دوره های گذشته بجز از ایران افرادی از کشورهایی مثل فرانسه و اسپانیا هم در کلاس های آموزشی ما شرکت کرده اند.اگر علاقه مند به یادگیری هستید برای شروع فقط به یک کامپیوتر نیاز دارید تا در این دوره ثبت نام کنید.
نقشه راه یادگیری Front-End Development
مرور کلی بر دوره
زمان کلی دوره
۵۲ ساعت
تعداد جلسات
18 جلسه
ظرفیت دوره
۱۴ نفر
شروع دوره
۴ تیرماه ۱۴۰۱
پایان دوره
مرداد ماه ۱۴۰۱
مربی دوره
محمد جواد بطحایی
روزهای برگزاری
شنبه، دوشنبه و چهارشنبه
ساعت برگزاری
۲ تا ۴ بعد از ظهر
مدت زمان هر جلسه
۳ ساعت
گواهی کدینگ فرانت
اهدای گواهی نامه کدینگ فرانت
آزمون
آزمون و مصاحبه پس از اتمام دوره
امکان استخدام
–
در این دوره آموزشی Front-End چه مباحثی را حتما یاد خواهید گرفت؟
در طی دوره توربو وبکدینگ فرانت قرار نیست موارد آموزشی را به صورت سطحی یاد بگیرید، بلکه هر موردی که آموزش داده می شود را در قالب یک پروژه فرانت اند بارها و بارها تکرار و تمرین میکنیم تا به یک عادت برای شما تبدیل شود. تمامی دوره های کدینگ فرانت به صورت آنلاین بوده و شما مستقیم می توانید با مربی خود در ارتباطباشید. این مزیت باعث می شود مباحث را به صورت عمیق و کاربردی یاد گرفته و بخوبی مشکلات بوجود آمده در طی مسیر یادگیری را با کمک مربی خود رفع کنید. در زیر با مهارت هایی که در طی این دوره برای شما آماده شده تا به یک برنامه نویس فرانت اند تبدیل شوید آشنا خواهیم شد.
این دوره مخصوص نوجوان های رنج سنی ۱۲ تا ۱۵ طراحی شده و قرار به صورت دقیق و درست با دنیای برنامه نویسی و طراحی وب سایت آشنا بشن. یاد گرفتن طراحی سایت از این سن کمک بسزایی به افراد در این رنج سنی میکنه تا با یاد گرفتن یک مهارت بسیار مهم دراین زمان، بتونن آینده خودشون رو تضمین کنند.
پیش نیاز های این دوره چیست؟
برای شرکت در این دوره چند پیش نیاز ساده وجود داره، فقط نکته ای که وجود داره برای ثبت نام در این دوره هم با فرد نوجوان صحبت و مشاوره صورت میگیره هم با والدین!
رنج سنی ۱۲ تا ۱۵ سال
آشنایی فرد با دنیای اینترنت ( در حد انجام یک خرید اینترنتی یا استفاده از مرورگر )
استفاده کم و بیش از ویندوز و آشنایی نسبی با ویندوز
آشنایی با نرم افزاری مثل notepad
توانایی اولیه با کار کردن با کیبورد و تایپ
قراره چه مباحثی توی این دوره گفته بشه:
آشنایی با دنیای برنامه نویسی
آشنایی با HTML و CSS
طراحی وب سایت به صورت عمیق و نمایش دادن آن در دستگاه های مختلف
ایجاد وب سایت شخصی برای افراد
به نمایش قراردادن وب سایت در دنیای اینترنت و وصل کردن آن به یک دامنه اینترنتی همانند sirvankhosravi.com
در مجموع هدف اصلی این دوره یادگیری مبانی اصلی برنامه نویسی وب و طراحی وب سایت هست و تمام مباحث مربوط به طراحی توسعه وب سایت در این دوره بارها گفته میشه و تمرین خواهد شد. در طول پروژه رو حداقل ۳ پروژه واقعی خواهد شد.
مطالعه برای والدین:
این احتمال وجود داره که فرزند شما در یک روز از کامپیوتر، تبلت و گوشی همراه خودش زیاد استفاده کنه و با استفاده از این ابزار ها درس میخونه، مطالعه میکنه و گیم بازی میکنه! اما در این زمان و در این سن میشه در کنار این فعالیت ها، مهارتی رو یاد گرفت که آینده شغلی رو بشه تضمین کرد و اونم این هست که در کنار گیمی که بازی میکنه میتونه برنامه نویسی رو شروع کنه، در ابتدا طراحی سایت رو یاد بگیره و در آینده ممکنه به یک مهندس نرم افزار تبدیل بشه یا به یک بازی ساز تبدیل بشه که دیگه فقط یک بازی کننده نباشه و در آینده بتونه برای بقیه بچه ها بازی بنویسه!
شغل برنامه نویسی بشدت شغل جذابیه و البته میتونه درآمد بسیار خوبی هم داشته باشه و چه بهتر که اون رو از سنین پایین شروع کنیم. والدین با هدایت فرزاندان خود به این مسیر، میشه گفت بزرگترین لطف رو به اونها میکنن و همراهیشون میکنن تا یک مهارت بشدت جذاب رو یاد بگیرند.
برنامه نویسی ترکیبی از درس هایی هست که بچه ها الان دارن اون رو مطالعه میکنند اما یک فرق مهم بین برنامه نویسی و بقیه درس ها هست اینکه اونا از این مفاهیم برای نوشتن یک وب سایت یا اپلیکیشن استفاده میکنند. میانگین درآمد یک برنامه نویس در حال حاضر حدود ۲۰ میلیون تومان هست که البته این آمار برای رنج سنی بالای ۱۸ سال هست. یاد گرفتن برنامه نویسی تو این سن میتونه آینده خوبی رو برای اون ها به رقم بزنه.
تو این دوره در کنار یک استاد موفق که شغل اصلیش برنامه نویسیه بچه ها در ابتدا با اصول برنامه نویسی آشنا میشوند و سپس یاد میگیرند که چطوری یک وب سایت رو از صفر تا ۱۰۰ طراحی کنند! یاد میگیرن بخش ظاهری یک وب سایت رو چطوری توسعه بدهند و اون وارد وارد فضای اینترنت کنند تا اون سایت توسط یک آدرس مثل snapp.ir در دسترس قرار بگیره. البته باید گفت کفت در هیچ دوره آموزشی هیچ ۱۰۰عی وجود نداره! اما تمام تلاشمون رو میکنیم که برای شروع مسیر از نقطه ۰ تا ۱۰۰ شروع مسیر همراه فرزندتون باشیم.
دنیای تکنولوژی بشدت در حال رشد هست و در همه دنیا احساس نیاز به برنامه نویس ها بیشتر شده! فرزند شما در کنار درس میتونه در این سن این مهارت رو بدست بیاره و در اسرع وقت و زمانی که بتونه کارش رو شروع کنه با وجود داشتن یک مهارت حرفه ای مثل برنامه نویسی بدون شک میتونه یک شغل برای خودش ایجاد بکنه و از اون کسب درامد داشته باشه و چه بهتر که اینکار رو از سن ۱۲ سالگی شروع بکنه!
دوره ما آنلاین هست و بچه ها باید سر کلاس حاضر بشن اما قابل مقایسه با کیفیت دوره های مدرسه نیست! از یک پلتفرم فوق العاده کامل برای تشکیل این دوره استفاده میشه و یک تجربه کاملا متفاوت رو بچه ها تجربه خواهند کرد.
اما یک سوال مهم پیش میاد و اونم اینه که برای شرکت توی این دوره نیاز به چه ابزارهایی هست؟
دسترسی به اینترنت
لپ تاپ با سخت افزار کاملا معمولی
هدفون، هندزفری و یا ایرپاد
راستی هر جلسه ضبط هم میشه و چند ساعت بعد از کلاس براتون ارسال میشه تا بتونید بارها و بارها اون جلسه رو ببنید و رفع اشکال کنید در کنارش استاد دوره و پشتیبان های کدینگ فرانت حواشون به تمرین ها و سوال های بچه ها هست.
آشنایی عمیق با طراحی سایت
این دوره مخصوص نوجوانان ۱۲ تا ۱۵ سال تدوین شده و قراره مفاهیم اصلی مربوط به طراحی سایت گفته بشه، با شرکت توی این دوره میتونید وب سایت ایجاد کنید و مهارت های لازم در این زمینه را به خوبی به دست بیاورید.
در ابتدا حوزه های مختلف برنامهنویسی رو یاد خواهید گرفت و با قواعد و مفاهیم طراحی سایت آشنا خواهید شد.
یادگیری عمیق HTML و CSS
HTML و CSS با اینکه جزء ساده ترین مباحث برای شروع توسعه وب هستند، در عین حال دو مورد نسبتا دشوار هستند. معمولا خیلی از توسعه دهندگان آموزش این دو را در بین راه رها کرده، که همین موضوع باعث می شود خیلی خوب این دو مورد را یاد نگیرند و در ادامه راه با مشکلات را برو شوند. تمامی شرکت کنندگان در این دوره بصورت کاملا کاربردی و عمیق HTML و CSS را یاد خواهند گرفت تا اولین قدم برای تبدیل شدن به یک برنامه نویس فرانت اند خوب را طی کنند.
آشنایی با ادیتورهای متنی
آشنایی با تگ body و head
آشنایی با Paragraphs
استفاده از تگ های Headings
Background, Colors و Fonts
آشنایی با لینک ها
Images و Videos
Boxes و Shapes
Padding, Border و Margin
جدول ها
CSS Flex
CSS Grid
Navigation Bar
Hover Selector و Transition
Keyframe Animation
Transform – Rotate, Scale, Translate و Skew
CSS Variables
Media Queries
چیدمان یک وب سایت
آشنایی با لیست ها
آشنایی با فرم ها
ایجاد انیمیشن و موشن در وب سایت ها
و چند پروژه جذاب …
پیاده سازی چیدمان وب سایت به روش های مختلف
مهمترین درسی که باید در این دوره یاد بگیریم، مربوط به این است که چگونه هر لی اوتی را با کد پیاده سازی کنیم.
یادگیری jQuery
jQuery یکی از ابزارهای کاربردی برای شروع توسعه وب است، و شما در طی این دوره نحوه کار با آن را در قالب انجام پروژه بخوبی یاد خواهید گرفت.
طراحی ریسپانسیو
یادگیری نحوه طراحی لی اوت ریسپانسیو و واکنش گرا برای موبایل ها و دستگاه های مختلف با سایزهای گوناگون. قراره با هم یاد بگیریم وب سایت هایی طراحی کنیم که در موبایل، تبلت، آیپد و انواع دسکتاپ ها قابل نمایش باشه. یاد گرفتن این موضوع برای نوجوان های ۱۴ تا ۱۶ ساله بسیار مهمه!
تبدیل دیزاین به کد
تبدیل کردن دیزاین در Adobe XD، اسکچ، Figma و … به کد HTML و CSS
پیاده سازی لی اوت با روش های مختلف
یاد می گیرید که چگونه لی اوت های مختلف همانند float, Flexbox و Gridرا پیاده سازی کنید.
پیاده سازی فرم ها
نحوه کار با فرم ها و جمع آوری اطلاعات را یاد خواهید گرفت.
افکت ها و انیمیشن ها
چگونگی کار کردن با افکت ها و انیمیشن ها در CSS
به دست آوردن تجربه در پیاده سازی لی اوت ها
یادگیری بهترین راهکار ها و تجربه ها در پیاده سازی یک لی اوت بر اساس شرایط مختلف
استفاده از ابزارها در جای مناسب
نحوه استفاده از ابزارها برای توسعه بهتر و سریعتر یک وب سایت
هدف اصلی دوره
مهمترین هدف دوره این است که شما یاد بگیرید چگونه هر دیزاینی را به کد html و css تبدیل کنید. در ظاهر ممکن است این چالش راحتی تلقی شود، اما در تیم های نرم افزاری، بزرگترین چالش مربوط به متفاوت بودن خروجی کار با دیزاین است. در طی این دوره با همراهی مربی خود با تمرین ها و انجام پروژه های مختلف، سواد و اعتماد به نفسی را پیدا خواهید کرد که از این چالش با موفقیت عبور کرده و خود را برای بازار کار آماده کنید.
ویژگی های دوره
دوره های تعاملی و زنده
تمامی دوره های کدینگ فرانت به صورت آنلاین و تعاملی برگزار میشوند و با توجه به این موضوع هیچ ویدیوی از قبل ضبط شدهای برای این دوره ها وجود ندارد و تمامی مباحث بصورت زنده، آموزش داده میشوند، هر چند پس از پایان هر جلسه ویدیو ضبط شده مربوط به هر جلسه در اختیار شرکت کنندگان قرار خواهد گرفت تا بتوانند مباحث هر جلسه را بیشتر تمرین کنند تا به درک بهتری از آن برسند.
تمرین و انجام پروژه
شما قرار نیست در طی دوره فقط شنونده باشید، بلکه در هر جلسه در کنار هم، هر موضوع را تکرار و تمرین می کنیم تا بخوبی متوجه هر مبحث و مساله بشیم. همچنین در طول دوره، چندین پروژه را از ابتدا به زبان فارسی و انگلیسی، با هم پیش می بریم، کد می نویسم و پیاده سازی می کنیم. تکرار و تمرین در طول دوره، باعث می شود تا به راحتی در ذهن خود بتوانید مباحث را تحلیل کنید و به درک بهتری از آن برسید.
در نظر گرفتن شرایط بازار کار
با توجه به اینکه کدینگ فرانت زیر مجموعه ای از یک تیم نرم افزاری به نام هست نما است که سال ها تجربه در زمینه تولید و پشتیبانی نرم افزار در داخل و خارج کشور را دارد، به تمامی چالش های مربوط به بازار کار، آگاه هستیم و همواره سعی می کنیم در طی این دوره ها، شما را با چالش های مربوط به بازار کار آشنا کنیم تا دیگر شما نگرانی برای ورود به بازار کار را نداشته باشید.
تعهد به یادگیری شما
مدت زمان اعلامی برای هر دوره نهایی نبوده، و هر مقدار ساعت اضافی برای یادگیری شما نیاز باشد، بدون هیچ گونه هزینه اضافه ای به زمان دوره افزوده خواهد شد، تا مطالب ارائه شده را کاملا درک کنید.
مشاوره اختصاصی قبل از دوره
پس از ثبت نام و قبل از شروع هر دوره، ابتدا بصورت اختصاصی با هر یک از شرکت کنندگان جلسه ای برای مشاوره و پرسش و پاسخ برگزار می شود و سپس با حضور تمام شرکت کنندگان، جلسه هماهنگی قبل از شروع دوره برگزار خواهد شد تا درباره پیش نیازها و الزامات مربوط به دوره صحبت شود.
معرفی شرکت کننده ها به شرکت های نرم افزاری
تمامی شرکت کنندگان کدینگ فرانت در صورتی که دوره را با موفقیت با پایان رسانده باشند، در صورت تمایل به شرکت های نرم افزاری جهت کار معرفی خواهند شد. پس از پایان هر دوره رزومه شما در کنار سطح سواد، سابقه و نمرات کسب شده در طی دوره در اختیار شرکت هایی که به دنبال نیروی کار متخصص هستند قرار میگیرد و این کار احتمال استخدام شدن شما را به شدت افزایش می دهد.
پشتیبانی پس از دوره
کدینگ فرانت جدا از اینکه در طول دوره بصورت کامل پشتیبان شما خواهد بود، بعد از پایان هر دوره نیز این پشتیبانی را از طریق راههای مختلف ادامه خواهد داد و همیشه در کنار شما خواهد بود. فرقی نمی کنه مشکلات فنی باشه یا موارد مربوط به تکمیل رزومه شخصی و یا موارد دیگه کار، ما همیشه در کنار شما هستیم تا در سریعترین زمان ممکن به هدف خود برسید.
برگزاری آزمون و مصاحبه
در پایان هر بوت کمپ آموزشی، برای محک زدن دانشی که در طول دوره بدست آورده اید، آزمونی فنی برگزار خواهد شد. در کنار آن نمونه ای از یک جلسه مصاحبه فنی را پشت سر خواهید گذاشت، تا عادت کنید بدون استرس در جلسات مصاحبه شرکت کنید. چگونگی ساخت یک رزومه خوب را هم یاد می گیرید، تا خود را برای موفقیت شغلی آینده آماده کنید.
گواهی نامه کدینگ فرانت
پس از به پایان رساندن هر بوت کمپ آموزشی، به شرکت کنندگانی که آن دوره آموزشی را با موفقیت به پایان رسانده باشند، گواهی پایان دوره که بصورت دیجیتال و هم به صورت چاپی برای شما ارسال خواهد شد. این گواهینامه و نمره آزمون تاثیر زیادی در استخدام شما در شرکت های منتخب خواهد داشت.
سرفصل دوره
آشنایی با HTML و ساختار صفحات وب و آشنایی با CSS
در جلسه اول بعد اینکه مسیر کلی راه را مرور کردیم، یک پروژه فرانت را انتخاب میکنیم تا در ابتدا آن را به HTML و CSS تبدیل کنیم. در طول آموزش یاد میگیریم که از HTML و CSS بخوبی استفاده کنیم تا هر لی اوتی که مد نظر ما هستش را با کمترین درصد خطای احتمالی تبدیل به کد کنیم. در هر جلسه بارها تمرین و تکرار میکنیم و روش های مختلف را تست می کنیم تا کمی با کار و پروژه آشنا بشیم.
نصب نرم افزارهای مورد نیاز
آشنایی با HTML
آشنایی با تگ های HTML
Headings
Images
Links
Tables
Forms
Lists
آشنایی با نامگذاری المنت ها ID ها و Class ها
آشنایی با Attribute ها
آشنایی با ابزار inspect
CSS چیست و چه کاربردی دارد
ارتباط برقرار کردن بین HTML و CSS
آشنایی با دستورات اولیه CSS
background
text-align
typography
آشنایی با Float
آشنایی با hover
آشنایی با position ها و margin و padding در css
در این جلسه از دوره قراره با هم position ها در css رو یاد بگیریم و در اون مهارت کسب کنیم در کنار اون با margin و padding هم آشنا میشیم.
آشنایی با margin
آشنایی با padding
تفاوت margin و padding
آشنایی با position ها
absolute position
relative position
آشنایی با المنت های inline و المنت های block
تفاوت المنت های inline و block
آشنایی با ltr و rtl
آشنایی با چیدمان یک لی اوت
آشنایی با float issue
حل مشکل float و حالات مختلف مدیریت clearfix و overflow
تمرین
انجام یک تمرین برای HTML و CSS
توی این جلسه قراره تمرینی که قرار بود جلسه پیش انجام بدیم رو منتور دوره از ابتدا انجام میده تا برامون قابل فهم بشه و بعد از اون بقیه بچه ها کارهاشون رو دمو میکنن و ایراد هاشون رو برطرف میکنن.
آشنایی با nested selector در css
تبدیل کردن یک دیزاین به کد
چیدمان یک لی اوت با روش float
پرسش و پاسخ
تمرین توسط شرکت کننده ها
ادامه انجام تمرین و پیاده سازی یک صفحه
در این جلسه هم سعی میکنیم دانسته هامون رو بیشتر کنیم تا بتونیم یک طرح گرافیکی رو دقیق تر به کد html و css تبدیل کنیم. توی این جلسه جزییات پیاده سازی یک صفحه رو با هم بیشتر مرور میکنیم و تجربه کسب میکنیم.
آشنایی با position fix
کسب مهارت بیشتر در float ها
آشنایی با inline-block
تفاوت inline-block و float
بهترین راه برای ایجاد استراکچر درست برای html و پیاده کردن بهتر CSS
آشنایی با after و before و کاربرد های آن
حل مشکل clearfix با ارائه یک راه حل بهتر و استفاده از after یا before
مدیریت دادن padding و margin به المنت های دارای width بدون استفاده از box-sizing
آشنایی با nth-child
تمرین و تکرار
جلسه دموی پروژه
در این جلسه همه شرکت کننده ها باید پروژشون رو دمو کنند و هر آنچه که یاد گرفتند رو ارائه بدهند.
دموی پروژه و افزایش مهارت ارائه دادن
آشنایی با box-sizing و تفاوت استفاده از آن و عدم استفاده از آن در پروژه
شروع آشنایی با CSS3
آشنایی با border-radius
آشنایی با پیشوند های moz, webkit و ms
آشنایی کوتاه با چند دستور ساده css3 همانند scale و rotate و transition
پرسش و پاسخ
حل مشکلات احتمالی
ریسپانسیو کردن پروژه فعلی در روش float برای مانیتورهای مختلف، تبلت ها و موبایل ها
از این جلسه به بعد قراره اتفاق های جذابی بیفته چون میخوایم سایتی که به روش float پیاده سازی کردیم رو برای مانیتورهای مختلف، تبلت ها و موبایل های مختلف ریسپانسیو کنیم یعنی طرحمون رو بتونیم کامل قابل نمایش در همه سایزهای پیاده سازی کنیم.
ریسپانسیو کردن پروژه با روش لی اوت float
آشنایی با @media
آشنایی با min-width
آشنایی با max-width
آشنایی با حالت landscape
آشنایی با حالت portrait
اصول تایپوگرافی در ریسپانسیو
آشنایی با display: none
سایز های استاندارد برای لپ تاپ ها، مانیتورها، تبلت ها و موبایل ها
شروع آشنایی با تایپوگرافی و سپس flexbox
خب تا الان یاد گرفتیم که یک لی اوت رو به صورت کامل با استفاده از float پیاده سازی کنیم و برای سایز های مختلف مثل تبلت ها و موبایل ها ریسپانسیو کنیم حالا که پایه اصلی css رو یاد گرفتیم میریم که از ابزارهای بهتری برای پیاده سازی لی اوت خودمون استفاده کنیم و اون هم چیزی نیست جز flexbox.
آشنایی با اصول تایپوگرافی
آشنایی با font-face
آشنایی با em و rem و تفاوت های آن ها
آشنایی با flexbox و تفاوت و مزیت های آن نسبت به چیدمان float
flex-direction
flex-wrap
flex-flow
justify-content
align-items
align-content
gap, row-gap, column-gap
align-self
flex
flex-basis
flex-grow
order
پیاده سازی طرح قبلی با استفاده از لی اوت floxbox
تمرین و تکرار
آشنایی با چیدمان لی اوت grid و ریسپانسیو کردن لی اوت های grid و flexbox
حالا که با flexbox آشنا شدیم در کنارش میخواهیم با grid آشنا بشیم. گاهی اوقات استفاده از grid در کنار flexbox میتونه یک تجربه فوق العاده برای ما بسازه پس در این جلسه در ابتدا با grid آشنا میشیم و سپس با استفاده از ترکیب grid و flexbox سایتمون رو پیاده سازی میکنیم پس از پیاده سازی طرحمون رو از رتینا تا تبلت ها و موبایل ها ریسپانسیو میکنیم.
آشنایی با grid layout
grid-template-columns
grid-template-rows
grid-template-areas
grid-template
gap
grid-gap
justify-items
align-items
place-items
justify-content
grid-auto-flow
place-self
align-self
justify-self
grid-area
grid-column
grid-row
grid-column-start
grid-column-end
grid-row-start
grid-row-end
ریسپانسیو کردن طرح نهایی
پیاده سازی نهایی طرح
پرسش و پاسخ
تمرین و تکرار
افزایش مهارت در CSS
تا اینجای کار یاد گرفتیم با سه روش float و flexbox و grid وب سایت هامون رو پیاده سازی کنیم و ریسپانسیو کنیم حالا توی این جلسه میخوایم کمی بیشتر در رابطه با css اطلاعات کسب کنیم که در لیست زیر میتونیم اونها رو مرور کنیم
آشنایی با انیمیشن ها و keyframe ها
آشنایی با transition ها و پرفورمنس آن ها
آشنایی با دستورات مربوط به transform همانند rotate,scale و …
آشنایی با opacity
پیاده سازی صفحات full page
وسط چین کردن المنت ها با position absolute
پیاده سازی اصول و قوانین تایپوگرافی در css همانند آشنایی با واحد ها مثل rem و em.
آشنایی با css-variable ها و استفاده از آن در پروژه های فعلی که نوشتیم
آشنایی با تگ های html 5 و فرم ها در html
توی این جلسه قراره با تفاوت های html5 و html های ورژن قبل آشنا بشیم و در کنار اون بتونیم فرم هایی رو با استفاده از html بسازیم و با css اون رو استایل کنیم و پس از اون قراره پروژه ای که تا الان نوشتیم رو با استفاده از html5 بازنویسی کنیم.
پیاده سازی فرم ثبت نام و ارتباط با ما با استفاده از دانسته هایمان در html و css
تغییر پروژه فعلی به تگ های html5
پیاده سازی پروژه پایانی و پرسش و پاسخ
خب به جلسه آخر مربوط به html و css میرسیم. در این جلسه باید با استفاده از float,grid,flexbox و sass و html5 وب سایت مورد نظرمون رو پیاده سازی کنیم و به عنوان یک پروژه انجامش بدیم و به دیگر شرکت کننده ها و استاد دوره نشان بدیم و دمو کنیم و در کنار اون زمانی رو در نظر میگیرم برای پرسش و پاسخ تا به اینجای کار قبل شروع وارد شدن به دنیای جاوا اسکریپت.
مخاطبین دوره
دوره آموزشی توربو وب کدینگ فرانت، یک دوره آموزش فشرده و کوتاه مدت است تا بتوانید خود را در مسیر تبدیل شدن به یک برنامه نویس وب سایت قرار دهید. در این بوت کمپ آموزشی به صورت عمیق مطالب کاربردی زیادی را یاد خواهید گرفت که سال ها امکان استفاده از آن را خواهید داشت. در پایان این نکته مهم را به یاد داشته باشید که، دنیا در حال تغییر است و شما هم برای همراهی با آن باید تبدیل به چیزی بشید که دنیای امروز به آن احتیاج داره، دوره توربو وب کدینگ فرانت بهترین مسیر برای تبدیل شدن شما به یک توسعه دهنده فرانت اند است. مخاطب اصلی این دوره چه کسانی هستند؟
نوجوان هایی که با کامپویتر آشنایی دارند و میخواند برنامه نویسی رو یاد بگیرند
نوجوان هایی که میخواهند طراحی سایت رو یاد بگیرند
نوجوان هایی که میخواهند در زمینه طراحی سایت در شبکه های اجتماعی تولید محتوا کنند
نوجوان هایی که میخواهند پیج اینستاگرام یا کانال یوتیوب داشته باشند و از اون کسب درامد کنند البته در زمینه برنامه نویسی
نوجوان هایی که میخواهند برای خودشون یا افراد خانواده و یا دوستان، سایت طراحی کنند 🙂
پروژه هایی که قراره با هم در طول دوره انجام بدیم
پیاده سازی یک وب سایت خبری
پیاده سازی سایت آموزش برنامه نویسی به کودکان
پیاده سازی وب سایت های شرکت های معروف نرم افزاری
قیمت طراحی سایت چگونه است؟
با افزایش نیاز کسب و کارها برای داشتن یک وبسایت اختصاصی، در چندین سال اخیر ارزش دانش طراحی سایت به شدت بالا رفته و طبیعتا نرخ یا قیمت طراحی سایت هم با آن افزایش پیدا کرده است. برای دانستن اینکه قیمت طراحی یک سایت استاندارد یا فروشگاهی چقدر است، کافیست تا یک سرچ ساده در گوگل بزنید تا متوجه شوید که قیمت طراحی یک سایت استاندارد از ۵ میلیون تومان شروع شده و در صورتی که نیاز به امکانات بیشتر هم باشد به این مبلغ اضافه خواهد شد. با توجه به امکانات بیشتر قیمت یا هزینه طراحی سایت به ۱۰ میلیون و حتی بالاتر هم خواهد رسید.
درآمد یک طراح سایت چقدر است؟
خوب تا اینجا متوجه شدیم که داشتن دانش طراحی سایت تا چه اندازه ارزشمند است و با یادگیری آن می توانید از آن درآمد میلیونی بدست آورید. برای اینکه بتوانیم درآمد یک طراح سایت را بصورت حدودی محاسبه کنیم و بدانیم که یک طراح سایت حداقل چقدر درآمد دارد، کافیست یک محاسبه ساده انجام دهیم تا به آن پی ببریم. بر اساس هزینه و قیمتی که در بالا به آن اشاره شد، فرض کنیم که یک طراح سایت در ماه فقط ۲ یا ۳ پروژه دریافت کند ( کمترین تعداد پروژه در ماه ) و این طراح سایت حتی برای هر پروژه با قیمت پایین تری مثل ۲ تا ۳ میلیون تومان کار کند، با این حساب خواهیم دید که حداقل درآمد یک طراح سایت از ۷ تا ۱۰ میلیون تومان در ماه خواهد بود.
نمونه آگهی های استخدام در جاب اینجا
نمونه آگهی استخدام در Stackoverflow
آگهی پروژه فریلنسری upWork
هزینه یا سرمایه گذاری؟
هزینه ای که شما برای این دوره آموزشی پرداخت می کنید میتوان گفت به هیچ عنوان هزینه نیست بلکه هوشمندانه ترین سرمایه گذاری است که میتوانید برروی خود انجام دهید. شما وارد مسیری خواهید شد که هیچ محدودیت درآمدی در آن وجود نخواهد داشت و با اطمینان خاطر می توان گفت که بعد از پشت سر گذاشتن این دوره آموزشی، با انجام فقط ۱ یا ۲ پروژه ابتدایی چند برابر هزینه این دوره را کسب خواهید کرد. در پایان شما تخصصی را به دست می آورید که به صورت مادام العمر همراه شما خواهد بود و در هر مکان یا زمان که اراده کنید، این امکان وجود دارد تا از این تخصص درآمد میلیونی داشته باشید.
مروری بر خاطرات کدینگ فرانت
مدرس دوره
محمد جواد بطحایی
برنامه نویس شرکت های اسنپ تریپ، گروه آموزشی جوکار گاج، سامانه مالی و اقتصادی بدان و سرپرست تیم فرانت اند در صرافی حامی
محمد جواد بطحایی با سابقه حدود ۱۰ ساله در زمینه برنامهنویسی و توسعه نرم افزار که تاکنون با شرکت هایی همچون گاج، اسنپ، حامی پیشگامان و کانون جهانی وکلا همکاری داشته. محمدجواد مقطع لیسانس رو در حوزه مهندسی نرم افزار سپری کرده و فوق لیسانس رو مدیریت خونده و تجربه سالها همکاری با شرکتهای مختلف ایرانی و خارجی را داشته و به آنها در تولید محصولات نرم افزاری کمک کرده است.
این یه سوال اساسی و خیلی مهم هستش که حتما قبلا از شروع هر دوره ای باید به اون توجه کنید. هدف ما از برگزاری این دوره ها فراهم شدن شرایط استخدام شما در شرکت های نرم افزاری یا ارتقا شغلی فعلی شما می باشد. ما در این راه تمام تلاش خودمون رو می کنیم تا اتفاق برای شما انجام بشه و برای تحقق این موضوع در کنار آموزش های پروژه محور این امکان هم وجود داره تا پس از پایان هر دوره به شرکت های نرم افزاری برای کارآموزی یا استخدام معرفی خواهید شد تا هر چه سریعتر وارد بازار کار شوید اما در مجموع در جلسه پایانی هر دوره به روش رزومه نوشتن و مصاحبه ها میپردازیم تا از هر لحاظی آماده اپلای کردن به مجموعه های نرم افزاری در داخل و خارج از ایران شوید.
تمامی دوره های آموزشی کدینگ فرانت به صورت بوت کمپ، آنلاین و پروژه محور برگزار می شود. مهم نیست در کجای دنیا قرار دارید، اگر علاقه مند به یادگیری هستید برای شروع فقط به یک کامپیوتر و اینترنت نیاز دارید تا در این دوره ثبت نام کنید.
در دوره های آموزشی کدینگ فرانت تمرکز اصلی ما بر پایه تمرین و تکرار هستش، برای هر دوره آموزشی برنامه ریزی های کاملی انجام شده تا درگیر پروژه های مختلف شوید و با تمرین های بسیار زیاد خود را برای تبدیل شدن به یک توسعه دهنده فرانت اند آماده کنید. جزییات و سرفصل های هر دوره هم به طور کامل در صفحه مورد نظر نوشته شده و اینکه هیچ ثبت نام مستقیمی برای دوره ها وجود نداره، اول برای مشاوره رزرو میکنید سپس دوستان پشتیبانی باهاتون تماس میگیرن، بعد از جلسه مشاوره میتونید ثبت نامتون رو قطعی کنید.
اگر واقعا میخواهید در یک مسیر درست قرار بگیرید و برنامه نویسی رو اصولی در کنار افرادی که شغل اصلیشون برنامه نویسیه یاد بگیرید، بودن در کنار یک منتور میتونه بهتون خیلی کمک کنه تا بتونید از این مسیر کسب درآمد کنید، پیشنهاد میکنیم حتما در این دوره شرکت کنید و یک مهارت فوقالعاده را در کنار مدرک خود داشته باشید فقط یادتون باشه اصلا رشته تحصیلی برای یادگرفتن برنامه نویسی اهمیت ندارد، ما در کدینگ فرانت دانشجو هایی از رشته های غیر فنی مثل شیمی، زیست شناسی و ... داشتیم که به برنامه نویس های بسیار خوبی تبدیل شده اند. احتمالا خیلی از افراد دوست دارند با دیدن ویدیو یا مطالعه شخصی و ... یک مبحثی رو یاد بگیرند و این کار بسیار درستی هست چون بستگی به شخصیت هر فردی، نحوه یادگیری جداست، اما بودن در کنار یک منتور میتونه سرعت یادگیری شما رو افزایش بده.
بله، برای کلیه شرکت کنندگان هم در حین برگزاری دوره و هم پس از دوره پشتیبانی بصورت کامل چه از لحاظ فنی و غیره انجام خواهد شد تا هیچ گونه نگرانی از این بابت نداشته باشید. از روند ساختن رزومه تا مصاحبه های شغلی، سوالات فنی، رفع اشکال و حتی جلسات مشاوره میتونید کاملا روی ما حساب باز کنید. البته قرار نیست همیشه در هر لحظهای پشتیبان شما باشیم، اما ذهن شما و سواد شما رو به طریقی تقویت میکنیم که بخشی از سوالهاتون رو بتونید خودتون پیدا کنید.
فرقی نمی کند که شما پس از یاد گرفتن برنامه نویسی برای خود بصورت فری لنسری کار کنید یا در شرکت های دیگر. اگر شما برنامه نویسی را در حوزه مورد علاقه خود به خوبی یاد بگیرید به احتمال بسیار زیاد مشکلی از بابت کار نخواهید داشت نه در داخل ایران و نه در خارج ایران!. توسعه دهنده نرم افزار در همه زمینه ها، همواره در بین مشاغل پردرآمد قرار دارد. هر چقدر توانایی شما در آن بیشتر شود درآمد شما هم بیشتر خواهد شد و هیچ سقف مشخصی برای آن وجود ندارد و همه چیز بستگی به علاقه، پشتکار و البته دانش فنی شما در فرایند یادگیری دارد.
در شرایط کنونی کشور که ارزش دلار همیشه در حال بالا رفتن هستش اگر شما یک توسعه دهنده نرم افزار باشید به راحتی این امکان را دارید تا با شرکت هایی در خارج از کشور هستن بصورت پروژه ای کار کنید و درآمد دلاری بابت انجام آن بدست آورید.
همچنین در این شرایط مربوط به کرونا که خیلی از شغل ها نیاز به حضور فیزیکی دارن که همین موضوع مشکلات زیادی رو بوجود میاره، برای فردی که دانش کافی برای توسعه نرم افزار رو داشته باشه این محدودیت ها عملا تاثیری نخواهد داشت و براحتی میتونه به انجام پروژه های مختلف در منزل درآمد لازم رو کسب کنه.
دوستانی که علاقه مند هستن که در خارج از کشور به کار و زندگی خود ادامه بدن با توجه به نیاز اکثر کشور های بزرگ به توسعه دهنده نرم افزار، اگر این دانش را فرا بگیرند و تجربه لازم را در کار بدست بیارند به راحتی این امکان رو دارند که برای مهاجرت خود برنامه ریزی و اقدام کنن.
سعی کردیم زمان برگزاری دوره ها، نه خیلی کوتاه باشه که مطالب سطحی بیان بشه و نه خیلی طولانی مدت که باعث خستگی شما بشه. در طی یک زمان مناسب دقیقا همان چیزی را یاد خواهید گرفت که به آن نیاز دارید. برای این منظور شرایط زمانی افراد مختلف مثل کار، مدرسه یا دانشگاه درنظر گرفته شده تا نگرانی از این بابت نداشته باشید و با آسوگی در این دوره های شرکت کنید. فقط یادتون باشه سطح کیفی کلاس ها اصلا قابل مقایسه با کلاس های آنلاینی که تا به حال شرکت کرده اید نیست و کاملا متفاوت خواهد بود.
ثبت نام در دوره نیاز به هیچ پیش نیازی نیست. صرفا تجربه کار با کامپیوتر و داشتن آشنایی با سیستم عامل ویندوز کافیست همانند کار با ویندوز، نصب نرم افزار و ... در مورد تجربه برنامه نویسی هم فقط کافیست بتونید از یک فروشگاه اینترنتی مثل دیجی کالا خرید اینترنتی کنید. اگر این پیش زمینه ها رو داشته باشید در کنارش به برنامه نویسی علاقه هم داشته باشید مطمين باشید میتونید یک روزی شما دولوپر یکی از این فروشگاه های اینترنتی باشید.
شما به صورت نقد و اقساط می توانید در دوره ها ثبت نام کنید، امکان ثبت نام به صورت اقساطی برای شما در نظر گرفته شده، نکته قابل توجه این است که برای ثبت نام اقساطی هیچگونه هزینه اضافی به مبلغ دوره اضافه نخواهد شد. در صورت تمایل برای ثبت نام، کافیست در ابتدا با وارد کردن اطلاعات تماس و ایمیل خود رزرو کنید تا دوستان پشتیبان با شما تماس بگیرند. همچنین میتوانید هزینه دوره رو به صورت رمزارز هم پرداخت کنید.
بله. شما میتوانید فرد دیگری را برای دوره های کدینگ فرانت ثبت نام کنید و دوره را به ایشان هدیه دهید. تا به حال این اتفاق از طرف شرکت های مختلف، خانواده ها، همکاران و دوستان زیادی صورت گرفته است.
شرایط اقساط بوت کمپ
1- این امکان برای پرداخت راحتتر دانشجویان قرار داده شده و مبلغی به هزینه دوره افزوده نخواهد شد.
2- پرداخت اقساطی در سه مرحله انجام می گیرد، بدین صورت که ۵۰ درصد مبلغ در ابتدا جهت رزرو دوره، ۲۵ درصد از مبلغ قبل از شروع جلسه اول و ۲۵ درصد نهایی هم تا اواسط دوره پرداخت خواهد شد.
3- برای اطلاع از نحوه پرداخت اقساطی دوره می توانید با تیم پشتیبانی کدینگ فرانت ارتباط برقرار کنید.
هر آنچه نیاز دارید به ازای هر نفر فقط
9,000,000 تومان
سرفصل های بروز و مدرن
منطبق با شرایط و نیازهای بازار کار
همراه با مشاوره و راهنمایی فنی
گواهی نامه کدینگ فرانت
مصاحبه شغلی
همراه با مشاوره و راهنمایی فنی
امکان ثبت نام اقساطی برای دوره های بیش از یک ماه
امکان پرداخت با تتر USDT
نقد و بررسیها
سلام من ۱۴ سالمه میتونم شرکت کنم و اینکه چقدر باید هزینه کنم
سلام من ۱۴ سالمه میتونم شرکت کنم و اینکه چقدر باید هزینه کنم
این بوتکمپ معمولا سالی یکبار در تابستان برگزار میشه و اگر ثبتنامش شروع شد بله میتونید ثبت نام کنید.
سلام روز بخیر، من دو پسر ۱۲ و ۱۸ ساله دارم آیا این دوره برای اونها مناسبه؟
سلام اگر با هم شرکت میکنن میتونن حضور پیدا کنن تو دوره
سلام و وقت بخير
من هم خيلى دوست دارم اين مطالب رو آموزش ببينم اما سنم بالاست
آيا براى افرادى مثل من هم دوره اى داريد ؟
سلام. بله در دوره های قبلی و البته فعلی افرادی بالای ۵۵ سال تر دوره ها حضور داشتند. میتونید از دوره جونیور استفاده کنید
https://codingfront.dev/course/bootcamps/become-a-junior-front-end-developer/
سلام و عرض ادب خدمت شما
دوره فرانت اند که تازگی شروع شده ،انلاین هم برگذار میشود ؟ ممنون از اینکه به من بموقع جواب بدهید.
سلام وقت بخیر. دوره توربو وب و جاست ری اکت هم اکنون غیر فعال هستند و تنها دوره فعال جونیور فرانت اند هست که همین الان ۲ نفر ظرفیت داره
سلام. در حال حاضر با توجه به وضعیت کرونا تمامی بوت کمپ ها به صورت آنلاین برگزار میشود.