fe-news

FE 기술 소식 큐레이션 뉴스레터

5,605

300

5,605

View on GitHub

Top Related Projects

Web-Dev-For-Beginners

83,287

24 Lessons, 12 Weeks, Get Started as a Web Developer

developer-roadmap

294,506

Interactive roadmaps, guides and other educational content to help developers grow in their careers.

Front-End-Checklist

68,832

🗂 The perfect Front-End Checklist for modern websites and meticulous developers

Front-end-Developer-Interview-Questions

59,626

A list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore.

front-end-interview-handbook

41,578

⚡️ Front End interview preparation materials for busy engineers

You-Dont-Know-JS

179,445

A book series on JavaScript. @YDKJS on twitter.

Quick Overview

The naver/fe-news repository is a collection of front-end news articles and resources curated by the Naver Front-End Development team. It serves as a comprehensive source of information and insights for front-end developers, covering a wide range of topics related to web development, frameworks, tools, and industry trends.

Pros

Diverse Content: The repository covers a broad spectrum of front-end development topics, including JavaScript, CSS, frameworks, performance, accessibility, and more, providing a well-rounded resource for developers.
Regularly Updated: The project is actively maintained, with new articles and resources added on a regular basis, ensuring the content stays relevant and up-to-date.
Curation by Experts: The articles and resources are curated by the Naver Front-End Development team, ensuring a high level of quality and relevance for the front-end community.
Multilingual Support: The repository includes content in multiple languages, making it accessible to a global audience of front-end developers.

Cons

Lack of Search Functionality: The repository does not currently provide a search feature, which can make it challenging to find specific articles or resources quickly.
Limited Categorization: While the content is organized by date, there is no advanced categorization or tagging system, which could make it harder to navigate the repository for specific topics.
Potential Language Barrier: For developers who do not speak the languages represented in the repository (primarily Korean and English), the content may not be as accessible.
Potential Bias: As the repository is curated by the Naver Front-End Development team, there may be a potential bias towards Naver-specific technologies or approaches.

Getting Started

To get started with the naver/fe-news repository, simply visit the project's GitHub page at https://github.com/naver/fe-news. The repository contains a collection of front-end news articles and resources, organized by date. You can browse the content, read the articles, and explore the various topics covered.

To stay up-to-date with the latest additions, you can watch the repository or subscribe to the project's RSS feed. Additionally, you can contribute to the repository by submitting new articles or resources, or by providing feedback and suggestions.

Competitor Comparisons

Web-Dev-For-Beginners

83,287

24 Lessons, 12 Weeks, Get Started as a Web Developer

Pros of Web-Dev-For-Beginners

Comprehensive curriculum for beginners learning web development
Includes hands-on projects and quizzes for practical learning
Well-structured lessons with clear learning objectives

Cons of Web-Dev-For-Beginners

Focuses on beginner-level content, may not be suitable for experienced developers
Less frequent updates compared to fe-news
Limited coverage of advanced or cutting-edge web technologies

Code Comparison

Web-Dev-For-Beginners (HTML example):

<!DOCTYPE html>
<html lang="en">
<head>
    <title>My First Web Page</title>
</head>
<body>
    <h1>Hello, World!</h1>
</body>
</html>

fe-news (JavaScript example):

const fetchNews = async () => {
  const response = await fetch('https://api.example.com/news');
  const data = await response.json();
  return data;
};

Summary

Web-Dev-For-Beginners is an excellent resource for those starting their web development journey, offering structured lessons and practical projects. However, it may not be as suitable for experienced developers seeking advanced topics or the latest industry news.

fe-news, on the other hand, provides regular updates on frontend development trends and technologies, making it more valuable for staying current in the field. It lacks the comprehensive curriculum structure of Web-Dev-For-Beginners but offers more diverse and advanced content for experienced developers.

developer-roadmap

294,506

Interactive roadmaps, guides and other educational content to help developers grow in their careers.

Pros of developer-roadmap

Provides comprehensive visual roadmaps for various tech roles
Regularly updated with new content and technologies
Offers interactive versions of roadmaps on the website

Cons of developer-roadmap

Focuses on broad career paths rather than specific frontend news
May be overwhelming for beginners due to the extensive information
Less frequent updates compared to fe-news

Code Comparison

While both repositories don't primarily focus on code, developer-roadmap includes some code snippets in its explanations. Here's an example from the JavaScript section:

// developer-roadmap
const greeting = 'Hello';
const name = 'World';
console.log(`${greeting}, ${name}!`);

fe-news doesn't typically include code snippets, as it focuses on curating news articles and resources.

Additional Notes

fe-news is specifically tailored for frontend developers, providing weekly updates on the latest news, articles, and tools in the frontend ecosystem. It's an excellent resource for staying up-to-date with rapidly changing frontend technologies.

developer-roadmap, on the other hand, offers a broader perspective on various tech career paths, including frontend development. It provides visual guides and resources for learning different technologies and skills required for specific roles in the tech industry.

Both repositories serve different purposes and can be valuable resources for developers, depending on their specific needs and career goals.

Front-End-Checklist

68,832

🗂 The perfect Front-End Checklist for modern websites and meticulous developers

Pros of Front-End-Checklist

Comprehensive and structured checklist for front-end development best practices
Regularly updated with community contributions
Available in multiple languages

Cons of Front-End-Checklist

More static content, not frequently updated with latest trends
Focused on general best practices rather than specific technologies or frameworks

Code Comparison

While a direct code comparison isn't relevant for these repositories, we can compare their content structure:

Front-End-Checklist:

## Head

### Meta tags
* [ ] Doctype
* [ ] Charset
* [ ] Viewport

fe-news:

# 2023-05 <FE News>

## 📦 릴리스

- [Vite 4.3](https://vitejs.dev/blog/announcing-vite4-3.html)

Front-End-Checklist provides a structured checklist format, while fe-news presents curated news and updates in a more narrative style.

Summary

Front-End-Checklist offers a comprehensive guide for front-end development best practices, available in multiple languages. It's well-structured but may not be as frequently updated with the latest trends. fe-news, on the other hand, provides regular updates on front-end technologies and trends, focusing on specific news and releases rather than general best practices.

Front-end-Developer-Interview-Questions

59,626

A list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore.

Pros of Front-end-Developer-Interview-Questions

Comprehensive collection of interview questions covering various front-end topics
Well-organized structure with questions categorized by subject
Community-driven project with contributions from many developers

Cons of Front-end-Developer-Interview-Questions

Primarily focused on interview preparation rather than current industry news
May not be updated as frequently as fe-news
Some questions might become outdated as technology evolves

Code Comparison

While a direct code comparison isn't relevant for these repositories, we can compare the structure of their content:

Front-end-Developer-Interview-Questions:

### General Questions

* What did you learn yesterday/this week?
* What excites or interests you about coding?
* What is a recent technical challenge you experienced and how did you solve it?

fe-news:

## 2023-05 <3주차>

### 📦 코어 라이브러리

- [React 18.3의 신기능](https://github.com/reactwg/react-18/discussions/196)
- [Next.js 13.4 정식 출시](https://nextjs.org/blog/next-13-4)

The Front-end-Developer-Interview-Questions repository focuses on providing a list of potential interview questions, while fe-news offers curated news and updates in the front-end development field.

front-end-interview-handbook

41,578

⚡️ Front End interview preparation materials for busy engineers

Pros of front-end-interview-handbook

Comprehensive coverage of front-end interview topics
Well-structured with clear explanations and examples
Regularly updated with community contributions

Cons of front-end-interview-handbook

Focused primarily on interview preparation, less on current trends
May not cover cutting-edge technologies as quickly as fe-news
More text-heavy, with fewer visual aids or interactive elements

Code comparison

fe-news typically doesn't include code snippets, focusing on news and trends. front-end-interview-handbook often includes code examples:

// Example from front-end-interview-handbook
function debounce(func, wait) {
  let timeout;
  return function executedFunction(...args) {
    const later = () => {
      clearTimeout(timeout);
      func(...args);
    };
    clearTimeout(timeout);
    timeout = setTimeout(later, wait);
  };
}

Summary

front-end-interview-handbook is an excellent resource for interview preparation and in-depth front-end knowledge. It offers comprehensive coverage of core concepts with clear explanations and examples. However, it may not be as up-to-date with the latest trends as fe-news, which focuses on current developments in the front-end ecosystem. While front-end-interview-handbook provides more detailed technical content, fe-news excels in delivering timely updates and news about the rapidly evolving front-end landscape.

You-Dont-Know-JS

179,445

A book series on JavaScript. @YDKJS on twitter.

Pros of You-Dont-Know-JS

Comprehensive deep dive into JavaScript concepts
Well-structured series of books covering various JS topics
Suitable for both beginners and experienced developers

Cons of You-Dont-Know-JS

Less frequent updates compared to fe-news
Focuses solely on JavaScript, not covering broader frontend topics
May be overwhelming for those seeking quick, practical tips

Code Comparison

You-Dont-Know-JS example:

function foo() {
    console.log(this.a);
}
var obj = { a: 2, foo: foo };
obj.foo(); // 2

fe-news doesn't typically include code snippets, as it's a curated list of frontend news and articles.

Summary

You-Dont-Know-JS is an in-depth JavaScript learning resource, offering comprehensive coverage of JS concepts. It's ideal for developers seeking a deep understanding of the language. On the other hand, fe-news provides a broader range of frontend-related news and articles, updated more frequently. While You-Dont-Know-JS focuses on JavaScript fundamentals with code examples, fe-news offers a wider scope of frontend topics without specific code snippets.

Convert designs to code with AI

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot

README

FE News

FE Newsë ë¤ì´ë² FE ìì§ëì´ë¤ì´ ìì í ìì§ì FE ë° ì£¼ìí ê¸°ì ììë¤ì íë ì´ì í´ ê³µì íë ê²ì ëª©íë¡ í©ëë¤. ì´ë¥¼ íµí´ êµë´ ê°ë°ìë¤ìê² ì§ì ê³µì ì ëí ê°ì¹ ì¸ìê³¼ ì±ì¥ì ëìì ì£¼ê³ ì í©ëë¤. :grin:

[!TIP] ë¤ì´ë² Front-end ì¡°ì§ì´ ì´ë¤ ì¼ì íê³ , ê°ë°ìë¤ì´ ì´ë»ê² ì±ì¥íê³ ìëì§ ê¶ê¸íì ê°ì?

ë¤ì´ë² Front-end ìê°

ð© ë°íìì

ë°íììì /issues í´ë ë´ì yyyy-mm.md íì¼ì íµí´ íì¸í ì ììµëë¤.

ð ë°íì£¼ê¸°

ë§¤ì ì²«ì§¸ ì£¼ ììì¼, ì 1í ë°í

ð êµ¬ëë°©ë²

[!NOTE] ëë¶ë¶ì ì»¤ë°ì ììì ë°í ëë ì¤í, ì ë³´ ìì ì ëí PRì ë¨¸ì§ ìì¤ìì ë°ìí©ëë¤.

GitHub íë¡ì í¸ watchë¥¼ íµí´ êµ¬ëíê¸°
- ì ì¥ì ìë¨ì watch ë²í¼ì í´ë¦í´ íë¡ì í¸ë¥¼ ì§ì¼ë³´ë ê²ì¼ë¡ êµ¬ë
RSS ë¦¬ëë¥¼ íµí´ êµ¬ëíê¸°
- RSS ë¦¬ëë¥¼ íµí´ GitHub íë¡ì í¸ ì»¤ë°ì êµ¬ë
  - https://github.com/naver/fe-news/commits/master.atom

[!IMPORTANT] Disclaimer

íë ì´ìì êµ¬ëììê² ìµëí ëìì´ ë ê²ì¼ë¡ ê¸°ëëë ì¸¡ë©´ê³¼ ë¤ìì±ì ê³ ë ¤í´ ì ë³ë©ëë¤.

FE Newsë ìì°ë ì ë³´ë¥¼ "ìë ê·¸ëë¡" ë§¤ê°íë©°, ì ë³´ì ì íì± ë° ì ë¢°ì±ì ìì¹ì ì¼ë¡ ì ë³´ë¥¼ ìì±í ì ì ìììê² ììµëë¤.

ð¬ ìµì ìì

ì´ì ììë¤ì 'ì°ë'ë¥¼ í´ë¦íë©´ ë³´ì¤ ì ììµëë¤.

2024

2023

2022

2021

2020

ð§ð»âð» Team


Jae Sung Park	DonBum Ham	Inkyu Oh	inhyuck Choi	Inseo Hwang

ð Contributors

Top Related Projects

Convert designs to code with AI

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot

Top Related Projects

Quick Overview

Pros

Cons

Getting Started

Competitor Comparisons

Pros of Web-Dev-For-Beginners

Cons of Web-Dev-For-Beginners

Code Comparison

Summary

Pros of developer-roadmap

Cons of developer-roadmap

Code Comparison

Additional Notes

Pros of Front-End-Checklist

Cons of Front-End-Checklist

Code Comparison

Summary

Pros of Front-end-Developer-Interview-Questions

Cons of Front-end-Developer-Interview-Questions

Code Comparison

Pros of front-end-interview-handbook

Cons of front-end-interview-handbook

Code comparison

Summary

Pros of You-Dont-Know-JS

Cons of You-Dont-Know-JS

Code Comparison

Summary

Convert designs to code with AI

README

FE News

ð© ë°íìì

ð ë°íì£¼ê¸°

ð êµ¬ë ë°©ë²

ð¬ ìµì ìì

2024

ð§ð»âð» Team

ð Contributors

Top Related Projects

Convert designs to code with AI

ð© ë°íìì

ð ë°íì£¼ê¸°

ð êµ¬ëë°©ë²

ð¬ ìµì ìì

ð§ð»âð» Team

ð Contributors