Frontend & Web Dev, Marketing, SEO, GEO | HI Web
15.2K subscribers
473 photos
16 videos
51 files
94 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
Free Figma Template: RIVO - multi page template

🧠 Difficulty: 🥕🥕🥕🥕

#Figma #Template
7👍4🔥2
🎄 Hey everyone, happy New Year in advance!

This year has been full of coding, bug hunting, fixes, and tons of growth in our favorite craft. 💻 Here’s to 2025 bringing you exciting projects, smooth deadlines, and endless inspiration for new achievements.

Wishing you clean code, responsive designs, and a perfect balance between work and life. May your documentation always make sense, and your deployments go flawlessly on the first try. 🚀

Thank you for sticking around this year. There’s so much more exciting content and surprises coming your way.

Speaking of surprises... In 2025, I’m launching a platform with courses and premium Figma templates designed specifically for web developers! The courses will be hands-on, guiding you step by step to create your very own portfolio-ready pet project. Whether you’re just starting or looking to sharpen your skills, this platform will be your go-to for practical learning and professional growth.

Happy New Year! 🥂
17👍8🔥2👏1
Packt.The.Art.of.Micro.Frontends.2nd.Edition.pdf
7.6 MB
📚 The Art of Micro Frontends: Build highly scalable, distributed web applications with multiple teams (2024)

By: Florian Rappl

#book #free_book
12👍6
🚃 React Folder Structure in 5 Steps [2024]

Organizing large React applications into folders and files is a topic that often sparks strong opinions. I found it challenging to write about this, as there isn't a definitive "correct" approach. However, I frequently get asked how I structure my React projects, from small to large, and I'm happy to share my approach.
👍64👏2
✍️ Drag to Select

This past summer, I led a project at Makeswift to rework our file manager. Makeswift is a website builder and many of our users have hundreds of files. To manage hundreds of anything you need bulk operations, but bulk operations aren't helpful if selecting things is cumbersome, so drag selection was a key part of my vision for making Makeswift's file manager feel native.
👍114
Free Figma Template: Newspaper

🧠 Difficulty: 🥕🥕🥕🥕

#Figma #Template
11👍3
❤️‍🔥❤️‍🔥❤️‍🔥 GitHub Profile Generator

GitHub Profile Generator can quickly and easily create a beautifully designed profile. The tool is indispensable for developers, students, and job seekers.
👍123
✂️ Top 10 JavaScript SEO Tricks Every Developer Should Know

JavaScript SEO is crucial for ensuring your web application is discoverable by search engines while providing a rich user experience.

While JavaScript frameworks offer dynamic functionality, if search engines can’t properly interpret your JS content, you risk losing visibility and traffic. Search engines like Google can execute JavaScript to some extent — despite this, relying solely on their capabilities is risky.
12👍2
Free Figma Template: Fashion

🧠 Difficulty: 🥕🥕🥕

#Figma #Template
10👍1🔥1
🚸 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