Frontend & Web Dev, Marketing, SEO, GEO | HI Web
15.2K subscribers
472 photos
16 videos
51 files
93 links
• Guides on HTML, CSS, JavaScript, React
• Free Figma templates
• Tips on UI/UX design
• Career advice
• Portfolio tips, GitHub help, and soft skills for devs
• Live projects, coding challenges, tools, and more

For all inquiries contact @haterobots
Download Telegram
🚸 How to Drag and Drop in React

A React tutorial by example about how to use drag and drop in React. Here you will learn how to create a DnD component in React step by step. First, you will implement it as vertical list, later as horizontal list, and in between with lots of customizations as examples. We will be using @hello-pangea/dnd for this React tutorial.
8👍6
〽️ Bézier curves

Bézier curves have been a recurring theme in my frontend engineering career. I have used them extensively in my work - in animations and SVG paths of illustrations and icons. However, I only recently took an interest in understanding the underlying logic that governs their behaviour. This demystified curve-related path commands for me and gave me a deeper understanding of web animations. In this article, I’ll share my interesting findings on Bézier curves.
5👍3
🔧 It's time to become a professional Frontend Developer!

Learn from the best with top-rated video courses on modern Frontend Development.

Not only will you gain the skills to build responsive websites, but you’ll also receive personalized SUPPORT FROM ME throughout the course. Get feedback, ask questions, and get the help you need to succeed.

📚 Start today and let’s build your future together!
11🔥4👍2
🧑‍💻 React Context: What It Is and How to Use It

Let’s dive into React Context — a powerful tool for managing state and passing data in your React applications. I’ll explain it in simple terms and provide examples to solidify your understanding.
10
Free Figma Template: Course

🧠 Difficulty: 🥕🥕

#Figma #Template
6🔥3
Free Figma Template: Landing page for cosmetics sales

🧠 Difficulty: 🥕🥕🥕🥕

#Figma #Template
12👍4
🚀 The Future of Frontend Engineering: Trends to Watch in 2025

As technology continues to evolve at an unprecedented pace, frontend engineering remains at the forefront of innovation. For leaders, staying ahead of trends is crucial to drive organizational success and ensure teams are equipped to deliver cutting-edge solutions. The year 2025 promises transformative trends that will redefine how developers build and users interact with web and mobile applications. Here are the top trends to watch in frontend engineering this year, with a focus on strategic insights for leadership
5👍2
🧑‍🏫 Run DeepSeek-R1 Locally for Free in Just 3 Minutes!

DeepSeek-R1 has been creating quite a buzz in the AI community. Developed by a Chinese AI company DeepSeek, this model is being compared to OpenAI's top models. The excitement around DeepSeek-R1 is not just because of its capabilities but also because it is open-sourced, allowing anyone to download and run it locally. In this blog, I'll guide you through setting up DeepSeek-R1 on your machine using Ollama.
🔥6🤔1
Free Figma Template: YouMeal - food delivery

🧠 Difficulty: 🥕🥕🥕🥕

#Figma #Template
👍137🔥4
Free Figma Template: Shop.co

🧠 Difficulty: 🥕🥕🥕🥕

#Figma #Template
🔥9👍62
🔐How to Set Up Two-Factor Authentication on WordPress Without Plugin

A step-by-step guide to add a 2-Factoe Authentication (2FA) system to your WordPress website.
👍8
This media is not supported in your browser
VIEW IN TELEGRAM
🔬Micro Frontends

If you are a big history fan and love daydreaming about the most effective war strategies, chances are you’re also a big fan of the war of the third coalition.

Why am I starting a blog with this? Well, one thing we all picked up from that war is one of the things that made Napoleon Bonaparte the best general in history (In my opinion) — SPEED!
8👍2
Free Figma Template: Analytics service

🧠 Difficulty: 🥕🥕🥕

#Figma #Template
8🔥1
🚸 Inline conditionals in CSS?

Last week, we had a CSS WG face-to-face meeting in A Coruña, Spain. There is one resolution from that meeting that I’m particularly excited about: the consensus to add an inline if() to CSS. While I was not the first to propose an inline conditional syntax, I did try and scope down the various nonterminating discussions into an MVP that can actually be implemented quickly, discussed ideas with implemenators, and eventually published a concrete proposal and pushed for group resolution. Quite poetically, the relevant discussion occurred on my birthday, so in a way, I got if() as the most unique birthday present ever. 😀
🔥32👍1
🚀 Are you ready to learn JavaScript from zero to Junior level?

I’ve prepared a series of articles to help you sharpen your skills and get ready for technical interview questions. Are you ready to start? Vote below! 👇
Anonymous Poll
79%
I'm in!
8%
I'm not ready yet
13%
I'll wait for the course from Junior to Middle
11👍3
🚀 Kickstarting the "JavaScript from Zero to Junior" Course! 🚀

We’re launching our complete and in-depth JavaScript course! Today’s first topic: Variables and Data Types. You’ll learn:
How to declare variables (var, let, const)
All JavaScript data types
Common pitfalls and tricky cases
Interview questions you might encounter

📌 Read the first lesson and practice your skills!
8👍4