Forwarded from Learn React and NextJs
๐งฟ useImperativeHandle in React
A great use case for useImperativeHandle in React is to expose specific methods or actions of a child component (e.g., triggering a focus or clearing an input) to a parent component while keeping other internal logic encapsulated.
๐
๐ซ๐๐ ๐๐๐ซ๐ญ๐ข๐๐ข๐๐๐ญ๐ข๐จ๐ง๐ฌ ๐ญ๐จ ๐๐๐ ๐ญ๐จ ๐ฒ๐จ๐ฎ๐ซ ๐๐๐ฌ๐ฎ๐ฆ๐:
๐ธData Science https://mylearn.oracle.com/ou/learning-path/become-an-oci-data-science-professional-2023/121944
๐ธReact https://hackerrank.com/skills-verification/react_basic
๐ธAngular https://hackerrank.com/skills-verification/angular_intermediate
๐ธSEO https://academy.hubspot.com/courses/seo-training
๐ธDigital Marketing from Google http://learndigital.withgoogle.com/digitalgarage/course/digital-marketing
๐ธCloud Security https://mylearn.oracle.com/ou/learning-path/become-a-cloud-security-professional-2023/121923
๐ธWeb Dev (HTML and CSS) https://freecodecamp.org/learn/2022/responsive-web-design/
๐ธPython https://cs50.harvard.edu/python/
๐ธJavaScript https://hackerrank.com/skills-verification/javascript_intermediate
๐ธDevOps https://mylearn.oracle.com/ou/learning-path/become-an-oci-devops-professional-2023/121756
๐ธMachine Learning https://freecodecamp.org/learn/machine-learning-with-python/
๐ธJava https://data-flair.training/courses/free-java-course/
๐ธC++ http://learn.saylor.org/course/view.php?id=65
๐ธGo https://hackerrank.com/skills-verification/golang_intermediate
๐ธNeo4j Certified Professional https://graphacademy.neo4j.com/courses/neo4j
๐ธRedis Certified Developer https://university.redis.com/certification/
๐ธMongoDB https://learn.mongodb.com/learning-paths/mongodb-for-sql-professionals
๐ธBackend Development https://freecodecamp.org/learn/back-end-development-and-apis/
๐ธSQL https://hackerrank.com/skills-verification/sql_advanced
๐ธC# https://freecodecamp.org/learn/foundational-c-sharp-with-microsoft/
Hope it helps :)
๐ธData Science https://mylearn.oracle.com/ou/learning-path/become-an-oci-data-science-professional-2023/121944
๐ธReact https://hackerrank.com/skills-verification/react_basic
๐ธAngular https://hackerrank.com/skills-verification/angular_intermediate
๐ธSEO https://academy.hubspot.com/courses/seo-training
๐ธDigital Marketing from Google http://learndigital.withgoogle.com/digitalgarage/course/digital-marketing
๐ธCloud Security https://mylearn.oracle.com/ou/learning-path/become-a-cloud-security-professional-2023/121923
๐ธWeb Dev (HTML and CSS) https://freecodecamp.org/learn/2022/responsive-web-design/
๐ธPython https://cs50.harvard.edu/python/
๐ธJavaScript https://hackerrank.com/skills-verification/javascript_intermediate
๐ธDevOps https://mylearn.oracle.com/ou/learning-path/become-an-oci-devops-professional-2023/121756
๐ธMachine Learning https://freecodecamp.org/learn/machine-learning-with-python/
๐ธJava https://data-flair.training/courses/free-java-course/
๐ธC++ http://learn.saylor.org/course/view.php?id=65
๐ธGo https://hackerrank.com/skills-verification/golang_intermediate
๐ธNeo4j Certified Professional https://graphacademy.neo4j.com/courses/neo4j
๐ธRedis Certified Developer https://university.redis.com/certification/
๐ธMongoDB https://learn.mongodb.com/learning-paths/mongodb-for-sql-professionals
๐ธBackend Development https://freecodecamp.org/learn/back-end-development-and-apis/
๐ธSQL https://hackerrank.com/skills-verification/sql_advanced
๐ธC# https://freecodecamp.org/learn/foundational-c-sharp-with-microsoft/
Hope it helps :)
Oracle MyLearn
Oracle MyLearn โ your personalized learning experience. Build new skills with Oracle Cloud training courses and advance your career with an Oracle Certification.
โค6๐1
This is something that got supported by all browsers very recently!
Usually, you would use the align-content property with a flex or a grid container.
๐ฅฑ So to make some content vertically centered, you had to make the parent a flex or grid first
๐คฉ But no longer, the align-content attribute now works with block display items too (which is the default display type) enabling us to center items vertically in a single line!
Usually, you would use the align-content property with a flex or a grid container.
๐ฅฑ So to make some content vertically centered, you had to make the parent a flex or grid first
๐คฉ But no longer, the align-content attribute now works with block display items too (which is the default display type) enabling us to center items vertically in a single line!
Some minor tricks for adding that โจ pixie dust โจ to your website!
๐2๐1
Forwarded from LES FORMATIONS ๐ซ๐ท
โ โ๏ธSmartmoc Icon Set | 1,000+ Icons
โโช๏ธ Icon Pack - Figma
โ๐ฒ Price: $39
โ ๐ Link
โ #Icon
โโช๏ธ Icon Pack - Figma
โ๐ฒ Price: $39
โ ๐ Link
โ #Icon
โค2
Media is too big
VIEW IN TELEGRAM
๐
Crazy Text Animation with CSS and SVG
In this video with the topic Crazy Text Animation with CSS and SVG, I will share with everyone an extremely interesting idea to create text animation without using javascript. By combining vector SVG and CSS, we will create an extremely impressive text animation.
Media is too big
VIEW IN TELEGRAM
๐
Crazy Text Animation with CSS and SVG
In this video with the topic Crazy Text Animation with CSS and SVG, I will share with everyone an extremely interesting idea to create text animation without using javascript. By combining vector SVG and CSS, we will create an extremely impressive text animation.
Tech Stack Roadmaps by Career Path ๐ฃ๏ธ
What to learn depending on the job youโre aiming for ๐
1. Frontend Developer
โฏ HTML, CSS, JavaScript
โฏ Git & GitHub
โฏ React / Vue / Angular
โฏ Responsive Design
โฏ Tailwind / Bootstrap
โฏ REST APIs
โฏ TypeScript (Bonus)
โฏ Testing (Jest, Cypress)
โฏ Deployment (Netlify, Vercel)
2. Backend Developer
โฏ Any language (Node.js, Python, Java, Go)
โฏ Git & GitHub
โฏ REST APIs & JSON
โฏ Databases (SQL & NoSQL)
โฏ Authentication & Security
โฏ Docker & CI/CD Basics
โฏ Unit Testing
โฏ Frameworks (Express, Django, Spring Boot)
โฏ Deployment (Render, Railway, AWS)
3. Full-Stack Developer
โฏ Everything from Frontend + Backend
โฏ MVC Architecture
โฏ API Integration
โฏ State Management (Redux, Context API)
โฏ Deployment Pipelines
โฏ Git Workflows (PRs, Branching)
4. Data Analyst
โฏ Excel, SQL
โฏ Python (Pandas, NumPy)
โฏ Data Visualization (Matplotlib, Seaborn)
โฏ Power BI / Tableau
โฏ Statistics & EDA
โฏ Jupyter Notebooks
โฏ Business Acumen
5. DevOps Engineer
โฏ Linux & Shell Scripting
โฏ Git & GitHub
โฏ Docker & Kubernetes
โฏ CI/CD Tools (Jenkins, GitHub Actions)
โฏ Cloud (AWS, GCP, Azure)
โฏ Monitoring (Prometheus, Grafana)
โฏ IaC (Terraform, Ansible)
6. Machine Learning Engineer
โฏ Python + Math (Linear Algebra, Stats)
โฏ Scikit-learn, Pandas, NumPy
โฏ Deep Learning (TensorFlow/PyTorch)
โฏ ML Lifecycle (Train, Tune, Deploy)
โฏ Model Evaluation
โฏ MLOps (MLflow, Docker, FastAPI)
React with โค๏ธ if you found this helpful โ content like this is rare to find on the internet!
Credits: https://t.me/lesformations
ENJOY LEARNING ๐๐
What to learn depending on the job youโre aiming for ๐
1. Frontend Developer
โฏ HTML, CSS, JavaScript
โฏ Git & GitHub
โฏ React / Vue / Angular
โฏ Responsive Design
โฏ Tailwind / Bootstrap
โฏ REST APIs
โฏ TypeScript (Bonus)
โฏ Testing (Jest, Cypress)
โฏ Deployment (Netlify, Vercel)
2. Backend Developer
โฏ Any language (Node.js, Python, Java, Go)
โฏ Git & GitHub
โฏ REST APIs & JSON
โฏ Databases (SQL & NoSQL)
โฏ Authentication & Security
โฏ Docker & CI/CD Basics
โฏ Unit Testing
โฏ Frameworks (Express, Django, Spring Boot)
โฏ Deployment (Render, Railway, AWS)
3. Full-Stack Developer
โฏ Everything from Frontend + Backend
โฏ MVC Architecture
โฏ API Integration
โฏ State Management (Redux, Context API)
โฏ Deployment Pipelines
โฏ Git Workflows (PRs, Branching)
4. Data Analyst
โฏ Excel, SQL
โฏ Python (Pandas, NumPy)
โฏ Data Visualization (Matplotlib, Seaborn)
โฏ Power BI / Tableau
โฏ Statistics & EDA
โฏ Jupyter Notebooks
โฏ Business Acumen
5. DevOps Engineer
โฏ Linux & Shell Scripting
โฏ Git & GitHub
โฏ Docker & Kubernetes
โฏ CI/CD Tools (Jenkins, GitHub Actions)
โฏ Cloud (AWS, GCP, Azure)
โฏ Monitoring (Prometheus, Grafana)
โฏ IaC (Terraform, Ansible)
6. Machine Learning Engineer
โฏ Python + Math (Linear Algebra, Stats)
โฏ Scikit-learn, Pandas, NumPy
โฏ Deep Learning (TensorFlow/PyTorch)
โฏ ML Lifecycle (Train, Tune, Deploy)
โฏ Model Evaluation
โฏ MLOps (MLflow, Docker, FastAPI)
React with โค๏ธ if you found this helpful โ content like this is rare to find on the internet!
Credits: https://t.me/lesformations
ENJOY LEARNING ๐๐
Telegram
LES FORMATIONS ๐ซ๐ท
๐๐ Dรฉcouvrez des ressources, des conseils et des recommandations sur des formations variรฉes, allant de la programmation au marketing et plus encore.
Faire une publicitรฉ sur la chaine : https://telega.io/c/lesformations
Faire une publicitรฉ sur la chaine : https://telega.io/c/lesformations
๐8โค5
Have you ever struggled to set 100% width on an item while also setting some margin for it I'm CSS? Once you know this trick you no longer have to!
๐ The "width" we set on CSS element is applied till the border of the element (content, padding and border)
But what if we want the element to have some margin as well but still fit inside the patent?
You may try to use some ๐ง math like calc(100% - 40px), but with the "stretch" keyword for the width property, CSS automatically does this for you.
๐ฅ This helps to easily fit an element inside it's parent even when it has some margin!
๐2โค1
๐
CSS: Enhancing Interfaces with Animation
๐ Author: Christina Gorton
๐ฐ Level: Intermediate
โฐ Duration: 1h 3m
๐ Topics: Interactive Web Content, Cascading Style Sheets
๐ค Join Web Development for more courses
๐ Author: Christina Gorton
๐ฐ Level: Intermediate
โฐ Duration: 1h 3m
๐ Leverage CSS animations to enhance websites you develop. Examine animation theories, practical uses, and more as you explore the use of movement in UI.
๐ Topics: Interactive Web Content, Cascading Style Sheets
๐ค Join Web Development for more courses
๐1