Html and Css & Jsآموزش

CSS selectors


💎 Channel: @htmlcss_channels

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

1. Web Development

❯ HTML ➟ https://web.dev/html
❯ HTML ➟ http://learn-html.org
❯ HTML ➟ https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Structuring_content

❯ CSS ➟ https://web.dev/css
❯ CSS ➟ http://css-tricks.com/guides
❯ CSS ➟ https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics

❯ JavaScript ➟ https://web.dev/javascript
❯ JavaScript ➟ https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Scripting

❯ HTML & CSS ➟ https://www.theodinproject.com/paths/full-stack-javascript/courses/intermediate-html-and-css
❯ HTML & CSS ➟ https://scrimba.com/learn-html-and-css-c0p


2. JavaScript, React, Node.js, Express.js

❯ JavaScript ➟ http://javascript.info
❯ JavaScript ➟ http://web.dev/javascript
❯ JavaScript ➟ https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Scripting
❯ JavaScript ➟ https://www.theodinproject.com/paths/full-stack-javascript/courses/javascript

❯ Node.js ➟ https://nodejs.org/learn/
❯ Node.js ➟ https://www.theodinproject.com/paths/full-stack-javascript/courses/nodejs

❯ Express.js ➟ https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Server-side/Express_Nodejs
❯ Express.js ➟ https://expressjs.com/en/starter/installing.html

❯ React ➟ https://scrimba.com/learn-react-c0e
❯ React ➟ https://www.theodinproject.com/paths/full-stack-javascript/courses/react



رفقا این پستو برای دوستاتون هم بفرستید

ممنونم که کانال رو حمایت می‌کنید و لایک و اشتراک‌گذاری یادتون نمیره 😍✌️

💎 Channel: @htmlcss_channels

When it comes to Backend and Full Stack :

- Node.js
- Express.js
- Next.js
- MERN

You should never miss this channel👇


❯ Backend Development
https://www.youtube.com/playlist?list=PLRAV69dS1uWSl459HU5liKv8q4iZ44xBq

❯ Full Stack (Next.js, Clerk, NeonDB)
https://www.youtube.com/playlist?list=PLRAV69dS1uWRH0QDzQaKLQEYD26YCQ5eS

❯ SaaS
https://www.youtube.com/watch?v=moAQiDvzCwY&list=PLRAV69dS1uWTvNby0b1w_boT35Onv5YWS


🔗 Channel: @htmlcss_channels

#CSS units ultimate #cheatsheet



🔗 Channel: @htmlcss_channels

30-day #roadmap to get started with #web_development

Week 1: #HTML and #CSS
- Day 1-3: Learn HTML basics (structure, tags, elements).
- Day 4-7: Dive into CSS (styling, selectors, layouts).

Week 2: Advanced CSS and Responsive Design
- Day 8-11: Explore advanced CSS concepts (flexbox, grid).
- Day 12-14: Learn about responsive web design.

Week 3: #JavaScript Fundamentals
- Day 15-18: Get started with JavaScript (variables, data types, operators).
- Day 19-21: Study JavaScript functions and control structures.

Week 4: JavaScript DOM Manipulation and Frameworks
- Day 22-25: Understand the Document Object Model (DOM) and how to manipulate it with JavaScript.
- Day 26-28: Explore JavaScript frameworks/libraries (e.g., React, Vue, Angular).
- Day 29-30: Build a simple project combining HTML, CSS, and JavaScript.



🔗 Channel: @htmlcss_channels

Basic Weather App using #HTML, #CSS and #Javascript


🔗 Channel: @htmlcss_channels

وب‌سایت هایی برای یادگیری رایگان طراحی سایت و برنامه‌نویسی

HTML - w3schools .com
CSS - web .dev/learn/css
JavaScript - javascript .info
React - react-tutorial .app
API - rapidapi .com/learn
Python - learnpython .org
Tailwind CSS - tailwindcss .com
SQL - SQLzap .com
Git and GitHub - git-scm .com
Node.js - nodejs .dev/learn
Django - djangoproject .com/start
Ruby on Rails - guides.rubyonrails .org
Flutter - flutter .dev/docs
Kotlin - kotlinlang .org/docs/tutorials
Go - golang .org/doc/tutorial
Rust - doc.rust-lang .org/book


🔗 Channel: @htmlcss_channels

40 #JavaScript Shorthands that will surprise you
Part2



🔗 Channel: @htmlcss_channels

40 JavaScript Shorthands that will surprise you
Part1



🔗 Channel: @htmlcss_channels

#HTML Head, Body & Header Tricks


🔗 Channel: @htmlcss_channels

30 Seconds of code : Short #javascript code snippets for all your development needs

https://github.com/30-seconds/30-seconds-of-code


🔗 Channel: @htmlcss_channels

⌨️ Length units in CSS!!

This table should help you quickly reference the purpose and application of each CSS unit.

🔗 Channel: @htmlcss_channels

⌨️ Scroll-driven animations in CSS!!

Lets you create partial or full-page visuals with elements animating into and within the viewport, also known as scrollytelling, for dynamic visual impact.

🔗 Channel: @htmlcss_channels

⌨️ Glass Effect in CSS

To create a glass effect (also known as a glassmorphism effect) in CSS, you can use a combination of properties including background, backdrop-filter, box-shadow, and border.

🔗 Channel: @htmlcss_channels