آموزش رایگان فرانت اند جلسه چهارم؛ ابزار خودتو آماده کن

۲۵ اسفند آموزش رایگان فرانت اند جلسه چهارم؛ ابزار خودتو آماده کن

ارسال در : ۱۵:۳۵h in آموزش رایگان فرانت اند, برنامه نویسی وب, طراحی سایت by حسین بدرنژاد ۰ نظر

سلام خدمت دوستان و همراهان عزیز هولوسن

این دوره برنامه نویسی فرانت اند (front-end) تحت وب، با زبان های HTML و CSS را شامل میشود.

در جلسه اول با معرفی آموزش رایگان front end در خدمتتان بودیم. و در جلسات گذشته با زبان HTML آشنا شدیم و همینطور با ساخت اولین صفحه HTML در خدمتتان بودیم . در این جلسه که معرفی و نصب اکستنشن‌های مرورگر کروم و Visual Studio Code می باشد در خدمتتان هستیم.

برای دانلود اکستنشن‌های VSCode روی لینک‌های زیر کلیک کنید.

https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify
https://marketplace.visualstudio.com/items?itemName=anseki.vscode-color
https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css
https://marketplace.visualstudio.com/items?itemName=abusaidm.html-snippets
https://marketplace.visualstudio.com/items?itemName=mkaufman.HTMLHint
https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion
https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets
https://marketplace.visualstudio.com/items?itemName=bierner.lit-html
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense
https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons

برای دانلود اکستنشن‌های Chrome روی لینک‌های زیر کلیک کنید.

https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg?hl=en
https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce
https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm/related
https://chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa?hl=en
https://chrome.google.com/webstore/detail/meta-seo-inspector/ibkclpciafdglkjkcibmohobjkcfkaef?hl=en
https://chrome.google.com/webstore/detail/wappalyzer-technology-pro/gppongmhjkpfnbhagpmjfkannfbllamg?hl=en
https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh/
https://chrome.google.com/webstore/detail/browserstack/nkihdmlheodkdfojglpcjjmioefjahjb
https://chrome.google.com/webstore/detail/lambdatest/fjcjehbiabkhkdbpkenkhaahhopildlh
https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk?hl=en

هولوسن

با من یاد بگیر

آموزش های بیشتر در وبسایت هولوسن : https://holosen.net

ترتیب پیشنهادی برای یادگیری طراحی سایت

آموزش رایگان فرانت اند، جلسه ۱، مقدمه

برنامه نویسی وب ؛ آموزش کاربردی صفر تا صد HTML و CSS

آموزش رایگان فرانت اند؛ جلسه ۲ آشنایی با HTML

آموزش رایگان فرانت اند جلسه ۳؛ معرفی تگ های HTML

آموزش رایگان فرانت اند جلسه ۴؛ ابزار خودتو آماده کن

آموزش رایگان فرانت اند، جلسه ۵، تصاویر و لینک در HTML

آموزش فرانت اند رایگان، جلسه ۶؛ عمق بیشتر در HTML

آموزش فرانت اند رایگان، جلسه ۷؛ تگ‌های فرم

آموزش رایگان فرانت اند؛ جلسه ۸ SEMANTIC HTML

آموزش رایگان فرانت اند؛ جلسه 9 آموزش CSS

آموزش رایگان فرانت اند جلسه 10؛ سِلِکتور در CSS

آموزش رایگان فرانت اند جلسه 11؛ CSS BOX

آموزش رایگان فرانت اند جلسه 12؛ تایپوگرافی

آموزش رایگان فرانت‌اند جلسه 13؛ آموزش TRANSITION و TRANSFORM

آموزش رایگان فرانت اند جلسه 14؛ طراحی ریسپانسیو

آموزش رایگان فرانت‌اند جلسه 15 ؛ اینسپکت المنت

پیشنهاد میکنیم از دیگر آموزش های هولوسن هم دیدن فرمایید

دوره صفر تا صد برنامه‌نویسی اندروید به زبان کاتلین

شکستن سد برنامه نویسی | آموزش برنامه نویسی از پایه (بهترین گزینه برای شروع برنامه‌نویسی مبتدی‌ها)

آموزش برنامه نویسی

آموزش طراحی سایت به زبان جاوا

آموزش جاوا از صفر

آموزش برنامه‌نویسی اندروید به زبان جاوا

آموزش برنامه نویسی اندروید

آموزش اینسپکت المنت (INSPECT ELEMENT) – جلسه 1

اموزش اینسپکت المنت

دیزاین پترن یا الگو طراحی (DESIGN PATTERNS) چیست؟

بدون نظر

پرسش و پاسخ سوال خود مطرح کنید.