Web Developement
4.33K subscribers
633 photos
57 videos
467 files
136 links
Download Telegram
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 :)
โค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!
๐Ÿ”ฐ ComboBox Functionality with HTML

Integrating the element in your HTML forms enhances user experience by combining the simplicity of a dropdown with the flexibility of free text input, offering a powerful solution for modern combobox functionality.
๐Ÿ‘1
๐Ÿ”ฐ Web Frameworks in Python
๐Ÿ‘4
Some minor tricks for adding that โœจ pixie dust โœจ to your website!
๐Ÿ‘2๐Ÿ‘Œ1
โ”Œ โœ”๏ธSmartmoc Icon Set | 1,000+ Icons
โ”œโ–ช๏ธ 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
๐Ÿ”… 10 CSS PRO Tips and Tricks you NEED to know
โค1
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 ๐Ÿ‘๐Ÿ‘
๐Ÿ‘8โค5
๐Ÿ”ฐ HTML File Paths Explanation
Did you know that DevTools can help you to find out if any CSS property you have added doesn't have any effect?

It provides some useful hints too stating the reason and how to fix it!
๐Ÿ‘3
Did you know that DevTools can help you to find out if any CSS property you have added doesn't have any effect?

It provides some useful hints too stating the reason and how to fix it!
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

๐ŸŒ€ 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