--- title: Avenue Code Snippets | Front-end (2) description: Front-end | Follow the main news in the area of ​​technology. Software development, design and UX, ML, DevOps and much more! (2) --- [AvenueCode.com](https://avenuecode.com) [News](https://avenuecode.com/news) [Contact](https://avenuecode.com/contact) [![Avenue Code Snippets Logo](https://blog.avenuecode.com/hubfs/Avenue%20Code%20New%20Logos%20-%202023/AC-Snippets---Black.png)](https://blog.avenuecode.com/) *menu* - Technology [Cloud and DevOps](https://blog.avenuecode.com/blog/topic/cloud-and-devops?hsLang=en-us) [Delivery Infrastructure](https://blog.avenuecode.com/blog/topic/delivery-infrastructure?hsLang=en-us) [Web Experience](https://blog.avenuecode.com/blog/topic/web-experience?hsLang=en-us) [Agile Mindset](https://blog.avenuecode.com/blog/topic/agile-mindset?hsLang=en-us) [Quality Assurance](https://blog.avenuecode.com/blog/topic/quality-assurance?hsLang=en-us) [Integration](https://blog.avenuecode.com/blog/topic/integration?hsLang=en-us) [Design and UX](https://blog.avenuecode.com/blog/topic/design-and-ux?hsLang=en-us) [Solutions Architecture](https://blog.avenuecode.com/blog/topic/solution-architecture?hsLang=en-us) [Data and Machine Learning](https://blog.avenuecode.com/blog/topic/data-and-machine-learning?hsLang=en-us) [Mobile Experience](https://blog.avenuecode.com/blog/topic/mobile-experience?hsLang=en-us) [Microservices](https://blog.avenuecode.com/blog/topic/microservices?hsLang=en-us) - [Whitepapers](https://blog.avenuecode.com/blog/topic/whitepapers?hsLang=en-us) - [Spotlight](https://blog.avenuecode.com/blog/topic/spotlight?hsLang=en-us) - [Extraordinary Women in Tech](https://blog.avenuecode.com/blog/topic/extraordinary-women-in-tech?hsLang=en-us) - [Avenue Code Culture](https://blog.avenuecode.com/blog/topic/avenue-code-culture?hsLang=en-us) - [Cloud and DevOps](https://blog.avenuecode.com/blog/topic/cloud-and-devops?hsLang=en-us) - [Design and UX](https://blog.avenuecode.com/blog/topic/design-and-ux?hsLang=en-us) - [Delivery Infrastructure](https://blog.avenuecode.com/blog/topic/delivery-infrastructure?hsLang=en-us) - [Solutions Architecture](https://blog.avenuecode.com/blog/topic/solution-architecture?hsLang=en-us) - [Web Experience](https://blog.avenuecode.com/blog/topic/web-experience?hsLang=en-us) - [Data and Machine Learning](https://blog.avenuecode.com/blog/topic/data-and-machine-learning?hsLang=en-us) - [Agile Mindset](https://blog.avenuecode.com/blog/topic/agile-mindset?hsLang=en-us) - [Mobile Experience](https://blog.avenuecode.com/blog/topic/mobile-experience?hsLang=en-us) - [Microservices](https://blog.avenuecode.com/blog/topic/microservices?hsLang=en-us) - [Quality Assurance](https://blog.avenuecode.com/blog/topic/quality-assurance?hsLang=en-us) - [Integration](https://blog.avenuecode.com/blog/topic/integration?hsLang=en-us) - [Whitepapers](https://blog.avenuecode.com/blog/topic/whitepapers?hsLang=en-us) - [Spotlight](https://blog.avenuecode.com/blog/topic/spotlight?hsLang=en-us) - [Extraordinary Women in Tech](https://blog.avenuecode.com/blog/topic/extraordinary-women-in-tech?hsLang=en-us) - [Avenue Code Culture](https://blog.avenuecode.com/blog/topic/avenue-code-culture?hsLang=en-us) ## [Featured [BDD is the Game Changer Your Project Needs](https://blog.avenuecode.com/bdd-is-the-game-changer-your-project-needs?hsLang=en-us) *perm\_identity* [Lucas Gomes da Silva](https://blog.avenuecode.com/bdd-is-the-game-changer-your-project-needs/author/lucas-gomes-da-silva?hsLang=en-us) *schedule* 3/16/21 2:00 PM](https://blog.avenuecode.com/bdd-is-the-game-changer-your-project-needs?hsLang=en-us) ## [BDD is the Game Changer Your Project Needs](https://blog.avenuecode.com/bdd-is-the-game-changer-your-project-needs?hsLang=en-us) *perm\_identity* [Lucas Gomes da Silva](https://blog.avenuecode.com/bdd-is-the-game-changer-your-project-needs/author/lucas-gomes-da-silva?hsLang=en-us) *schedule* 3/16/21 2:00 PM "Is this project ready to be deployed?" Every developer is familiar with this question, whether it's asked by a manager or a non-technical stakeholder. Here's how to prepare a good answer. *perm\_identity* [Lucas Gomes da Silva](https://blog.avenuecode.com/bdd-is-the-game-changer-your-project-needs/author/lucas-gomes-da-silva?hsLang=en-us) *schedule* 3/16/21 2:00 PM [READ MORE](https://blog.avenuecode.com/bdd-is-the-game-changer-your-project-needs?hsLang=en-us) ## [Why is Mentoring Important?](https://blog.avenuecode.com/why-is-mentoring-important?hsLang=en-us) *perm\_identity* [Henrique Ramos](https://blog.avenuecode.com/why-is-mentoring-important/author/henrique-ramos?hsLang=en-us) *schedule* 10/7/20 2:00 PM When I joined the Avenue Code team as an intern, I was introduced to mentoring: a guidance system where seasoned developers share their knowledge, skills, and experience to assist their colleagues toward successful development. In this post, I will talk about my experience as a mentee, as well as... *perm\_identity* [Henrique Ramos](https://blog.avenuecode.com/why-is-mentoring-important/author/henrique-ramos?hsLang=en-us) *schedule* 10/7/20 2:00 PM [READ MORE](https://blog.avenuecode.com/why-is-mentoring-important?hsLang=en-us) ## [Understanding the JavaScript Concurrency Model](https://blog.avenuecode.com/understanding-the-javascript-concurrency-model?hsLang=en-us) *perm\_identity* [Rafael Bicalho](https://blog.avenuecode.com/understanding-the-javascript-concurrency-model/author/rafael-bicalho?hsLang=en-us) *schedule* 2/27/19 6:00 PM You have probably heard of terms like “V8,” “event loop,” “call stack,” and “callback queue.” In this post, we are going to examine what these terms mean, how they relate to one another, and, more generally, how JavaScript works. Javascript is a powerful language that has stood the test of time and... *perm\_identity* [Rafael Bicalho](https://blog.avenuecode.com/understanding-the-javascript-concurrency-model/author/rafael-bicalho?hsLang=en-us) *schedule* 2/27/19 6:00 PM [READ MORE](https://blog.avenuecode.com/understanding-the-javascript-concurrency-model?hsLang=en-us) ## [How to Improve the Relationship Between UX and Development Teams in an Agile Context - Part 1](https://blog.avenuecode.com/how-to-improve-the-relationship-between-ux-and-development-teams-in-an-agile-context-part-1?hsLang=en-us) *perm\_identity* [Alexandre Lemos](https://blog.avenuecode.com/how-to-improve-the-relationship-between-ux-and-development-teams-in-an-agile-context-part-1/author/alexandre-lemos?hsLang=en-us) *schedule* 3/28/18 4:00 PM If you work with Agile development, you probably know how difficult it is to find the right project pace so that your software engineering team and UX design team can work together to deliver software increments. *perm\_identity* [Alexandre Lemos](https://blog.avenuecode.com/how-to-improve-the-relationship-between-ux-and-development-teams-in-an-agile-context-part-1/author/alexandre-lemos?hsLang=en-us) *schedule* 3/28/18 4:00 PM [READ MORE](https://blog.avenuecode.com/how-to-improve-the-relationship-between-ux-and-development-teams-in-an-agile-context-part-1?hsLang=en-us) ## [Directives to the Point: Manipulating the DOM with Angular](https://blog.avenuecode.com/how-to-customize-your-angular-app-using-directives?hsLang=en-us) *perm\_identity* [Mauricio Correa](https://blog.avenuecode.com/how-to-customize-your-angular-app-using-directives/author/mauricio-correa?hsLang=en-us) *schedule* 11/23/17 6:00 PM So, you've read the first article (if you haven't, click here [http://blog.avenuecode.com/angular-2-should-i-learn-it](https://blog.avenuecode.com/angular-2-should-i-learn-it?hsLang=en-us)),and you’re now wondering what the next step is. You've created your own classes, fiddled with Angular components, and learned how to fetch data using services. *perm\_identity* [Mauricio Correa](https://blog.avenuecode.com/how-to-customize-your-angular-app-using-directives/author/mauricio-correa?hsLang=en-us) *schedule* 11/23/17 6:00 PM [READ MORE](https://blog.avenuecode.com/how-to-customize-your-angular-app-using-directives?hsLang=en-us) ## [Creating Adaptive/Responsive HTML Emails with MJML](https://blog.avenuecode.com/creating-adaptive-responsive-html-emails-with-mjml?hsLang=en-us) *perm\_identity* [Mark Carlson](https://blog.avenuecode.com/creating-adaptive-responsive-html-emails-with-mjml/author/mark-carlson?hsLang=en-us) *schedule* 10/17/17 5:00 PM Creating HTML emails is hard — much more difficult than creating a web page in HTML.  [Bootstrap](http://www.getbootstrap.com/) and[Foundation](http://foundation.zurb.com/)spoil front-end developers. Slap a couple classes in your code and you can have a beautiful, or at least beautifully rendered, adaptive/responsive site in nearly every browser. Not so with... *perm\_identity* [Mark Carlson](https://blog.avenuecode.com/creating-adaptive-responsive-html-emails-with-mjml/author/mark-carlson?hsLang=en-us) *schedule* 10/17/17 5:00 PM [READ MORE](https://blog.avenuecode.com/creating-adaptive-responsive-html-emails-with-mjml?hsLang=en-us) ## [A Developer's Perspective On Angular 2+](https://blog.avenuecode.com/angular-2-should-i-learn-it?hsLang=en-us) *perm\_identity* [Mauricio Correa](https://blog.avenuecode.com/angular-2-should-i-learn-it/author/mauricio-correa?hsLang=en-us) *schedule* 10/5/17 4:00 PM Should I learn Angular 2+? You may have asked yourself this question several times, but you've probably stayed on the safe side, and most likely stuck to your preferred framework or plain vanilla javascript and ES6. Now that the frameworks you’ve been hearing about have finally been released and... *perm\_identity* [Mauricio Correa](https://blog.avenuecode.com/angular-2-should-i-learn-it/author/mauricio-correa?hsLang=en-us) *schedule* 10/5/17 4:00 PM [READ MORE](https://blog.avenuecode.com/angular-2-should-i-learn-it?hsLang=en-us) [Previous](https://blog.avenuecode.com/topic/front-end/page/1?hsLang=en-us) [Next](https://blog.avenuecode.com/topic/front-end/page/3?hsLang=en-us) ### Avenue Code Social [![Facebook Icon](https://blog.avenuecode.com/hubfs/Images/Blog/facebook.png?t=1486470796564)](https://www.facebook.com/avenuecode) [![Twitter Icon](https://blog.avenuecode.com/hubfs/Images/Blog/twitter.png?t=1486470796842)](https://twitter.com/AvenueCode) [![LinkedIn Icon](https://blog.avenuecode.com/hubfs/Images/Blog/linkedin.png?t=1486470796556)](https://www.linkedin.com/company/avenuecode/) ### Newsletter Want to stay on top of all tips and news from Avenue Code? ### Popular Snippets ![Avenue Code-primary versions_logo white avenue code endorsement 2](https://blog.avenuecode.com/hs-fs/hubfs/Avenue%20Code%20New%20Logos%20-%202023/Avenue%20Code-primary%20versions_logo%20white%20avenue%20code%20endorsement%202.png?width=1180&name=Avenue%20Code-primary%20versions_logo%20white%20avenue%20code%20endorsement%202.png "Avenue Code-primary versions_logo white avenue code endorsement 2") ### About Us - [Who We Are](https://www.avenuecode.com/who-we-are) - [What We Do](https://www.avenuecode.com/what-we-do) - [Portfolio](https://www.avenuecode.com/portfolio) - [Partners](https://www.avenuecode.com/partners) - [News](https://www.avenuecode.com/news) - [Events](https://www.avenuecode.com/events) - [Blog](https://blog.avenuecode.com/) - [Contact](https://www.avenuecode.com/contact) ### Our Offices San Francisco [+1 415 766 4178](tel:+553125161448) [ac.inquiries@avenuecode.com](mailto:brazil.info@avenuecode.com) Belo Horizonte [+55 31 2516 1448](tel:+553125161448) [brazil.info@avenuecode.com](mailto:brazil.info@avenuecode.com) São Paulo [+55 11 3205 3232](tel:+553125161448) [brazil.info@avenuecode.com](mailto:brazil.info@avenuecode.com) ### We're Hiring! - [Belo Horizonte](https://www.avenuecode.com/who-we-are) - [New York](https://www.avenuecode.com/what-we-do) - [San Francisco](https://www.avenuecode.com/portfolio) - [São Paulo](https://www.avenuecode.com/partners) --- ©2015 - 2017 Avenue Code [![Facebook Icon](https://blog.avenuecode.com/hubfs/Images/Icons/facebook-2.png)](https://www.facebook.com/avenuecode) [![Twitter Icon](https://blog.avenuecode.com/hubfs/Images/Icons/twitter-2.png)](https://twitter.com/AvenueCode) [![LinkedIn Icon](https://blog.avenuecode.com/hubfs/Images/Icons/linkedin-2.png)](https://www.linkedin.com/company/avenue-code) [![Glassdoor Icon](https://blog.avenuecode.com/hubfs/Images/Icons/glassdoor-icon-1.png)](https://www.glassdoor.com/Overview/Working-at-Avenue-Code-EI_IE456173.11,22.htm) [![YouTube Icon](https://blog.avenuecode.com/hubfs/Images/Icons/youtube-2.png)](https://www.youtube.com/user/AvenueCodePlay) © 2026 Avenue Code