From Junior to Front‑End Expert: My JD.com Journey and Key Lessons

Introduction

I joined JD.com in 2018 as a front‑end developer for the advertising delivery system. Over the years I have transitioned from a student to a mentor, from a junior front‑end engineer to a front‑end technical expert, witnessing the rapid growth of JD’s ad business.

Personal Growth Stages

I divide my technical growth into three phases: starting exploration, steady growth, and breakthrough contribution.

【Starting Exploration – Curiosity, Deep Dive, Solid Foundations】

Ask Questions

Fresh graduates often wonder what to learn, how the demand development process works at JD, or how to understand requirement reviews. It is normal, and JD provides campus mentors to help newcomers adapt.

My mentors helped me with:

Pre‑project skill preparation: they introduced the tech stack (Vue, Koa) and clarified what I needed to learn.

Project onboarding: they guided me to explore the codebase, run the project locally, and explain the architecture, business logic, and features.

Understanding the development workflow: they walked me through the demand development cycle so I could quickly get used to the pace.

When I faced unfamiliar terms during reviews, I looked them up online and kept learning. I also consulted product managers, leaders, and mentors for advice, and used tools like XMind to organize my thoughts.

Build Good Coding Habits

Adopt consistent code style, write clear comments, and participate in code reviews. Comments help you recall logic later, and reviews improve code quality while fostering mutual learning.

Mastering basic skills allowed me to take on independent tasks and experiment with various projects (advertising system, management backend, website, etc.), exposing me to different people, communication styles, and technical stacks.

Working on diverse projects broadened my technical perspective, teaching me how to quickly adapt to new stacks—a valuable asset for career development.

【Steady Growth – Taking Initiative, Overcoming Challenges, Consistent Delivery】

After improving my technical abilities, I began leading new projects and refactoring existing ones. I took charge of a project called “Creative Center,” which originally had high integration and maintenance costs.

To reduce maintenance, I collaborated with product and backend teams and adopted a “configuration + component” approach. Instead of hard‑coding each ad style, the front‑end now renders pages dynamically based on configuration, allowing new ad styles to be added without code changes.

To shorten the lengthy user workflow, I researched solutions and introduced a JS‑SDK that enables ad‑creation directly on the current page, eliminating repeated navigation. This improved user experience and allowed a single codebase to serve multiple product lines.

Despite challenges, the project satisfied all stakeholders and strengthened my architecture, problem‑solving, and resilience.

【Breakthrough Contribution – Technical Innovation, Business Impact, Self‑Growth】

In this stage I focused on innovation. For video ads, we explored an “AE + Lottie” pipeline to create templates and used “puppeteer + ffmpeg” to generate final video files, offering advertisers a new way to produce video creatives.

Later, I hypothesized that Lottie could replace video generation for dynamic ads. Working with the client‑side team, we built an element‑level output system and an animation editor, enabling dynamic templates for JD Media SDK splash ads. This reduced client development effort, attracted hundreds of media partners, and improved CTR. I also filed two technical patents.

Key takeaways: stay aware of industry trends, maintain curiosity, proactively identify business improvement opportunities, and push for change.

【Fearless Challenge – Going Beyond Front‑End】

Beyond daily front‑end work, I helped build the Retail Front‑End Channel’s boutique course system, organizing 47 sessions with over 8,000 page views, earning a “Best Practice” award.

I also hosted technical salons on topics such as cross‑platform development, low‑code, large language models, and edge AI, collaborating with JD and Baidu. These events deepened my communication, organization, and public speaking skills.

As the leader of the campus‑recruitment group, I mentored new hires, shared AI‑generated solutions for common problems, and experimented with large‑model‑driven website redesigns, using GPT‑4o to generate code from AI‑produced designs.

Summary and Future Outlook

Everyone’s growth path is unique, but learning from others can provide valuable reference. Focus on mastering your current stage, solve problems diligently, and each breakthrough will boost your cognition, understanding, and problem‑solving abilities.

Continuously explore new technologies; failures are learning opportunities that enrich your knowledge and skill set, laying a solid foundation for future development.

AIGC’s rapid progress offers unprecedented possibilities in code generation, design, and media creation. Front‑end engineers must recognize the urgency of this shift, actively experiment with large models for code assistance, automated testing, and AI‑driven user interactions to stay competitive.