21 Web Development Trends We're Watching in 2021

Ladybug Podcast

Episode | Podcast

Date: Mon, 11 Jan 2021 08:00:00 -0000

<p>Season 5 is finally here and we are so excited to kick it off with a new host, Sidney! We have finally said goodbye to 2020, so what can we expect to be the new trends, the hip tech. We can't predict the future but we can tell you our predictions for trends in 2021.</p> <ul> <li>[3:47] 1) Working Remotely</li> <li>[6:50] 2) Cloud Security</li> <li>[11:36] 3) Decentralization of tech workers</li> <li>[14:54] 4) Framer motion</li> <li>[16:50] 5) Metaframeworks</li> <li>[21:42] 6) Headless CMS</li> <li>[23:39] 7) Online IDEs</li> <li>[26:37] 8) Low code</li> <li>[29:15] 9) TypeScript</li> <li>[33:16] 10) Progressive Web Apps</li> <li>[36:20] 11) Styled components</li> <li>[38:47] 12) AI/ML</li> <li>[41:56] 13) Alternative interface development</li> <li>[45:37] 14) Minimalist web frameworks</li> <li>[47:04] 15) New CSS Libraries</li> <li>[50:24] 16) Static site deployment tools</li> <li>[52:25] 17) Responsive design</li> <li>[54:58] 18) Deno</li> <li>[57:13] 19) Ecommerce</li> <li>[59:46] 20) Server-side rendering</li> <li>[1:01:50] 21) System design</li> <li>[1:04:23] Shoutouts</li> </ul> <h1>Resources</h1> <ul> <li>A Software Engineer's Guide to Seniority - https://www.gitcuteguide.dev</li> <li>Jarvis Johnson’s Twitter Hack Video - <a href="https://www.youtube.com/watch?v=nMG_KN7GMXI" rel="nofollow">https://www.youtube.com/watch?v=nMG_KN7GMXI</a></li> <li>2PM's book list for 2021 - <a href="https://2pml.com/2020/11/02/essential-reading" rel="nofollow">https://2pml.com/2020/11/02/essential-reading</a></li> <li>Ladybug Animation Episode - https://www.ladybug.dev/episodes/micro-interactions-and-animation-libraries?rq=animation</li> <li>Ladybug Working Remote Episode - https://www.ladybug.dev/episodes/working-remotely</li> <li>Ladybug Microinteractions Episode - https://www.ladybug.dev/episodes/micro-interactions-and-animation-libraries</li> <li>Scott Tolinski’s Framer Motion Course - <a href="https://www.leveluptutorials.com/tutorials/animating-react-with-framer-motion" rel="nofollow">https://www.leveluptutorials.com/tutorials/animating-react-with-framer-motion</a></li> <li>Ladybug Podcast Content Creation Episode - https://www.ladybug.dev/episodes/creating-digital-content</li> <li>Code Sandbox - <a href="https://codesandbox.io/s" rel="nofollow">https://codesandbox.io/s</a></li> <li>Ives' Twitter - <a href="https://twitter.com/CompuIves" rel="nofollow">https://twitter.com/CompuIves</a></li> <li>Cloud9 - <a href="https://www.cloud9.gg/" rel="nofollow">https://www.cloud9.gg/</a></li> <li>Codespaces - <a href="https://code.visualstudio.com/docs/remote/codespaces" rel="nofollow">https://code.visualstudio.com/docs/remote/codespaces</a></li> <li>Nacelle - <a href="https://getnacelle.com" rel="nofollow">https://getnacelle.com</a></li> <li>Scott Tolinski's Styled Components Course - <a href="https://www.leveluptutorials.com/tutorials/styled-components" rel="nofollow">https://www.leveluptutorials.com/tutorials/styled-components</a></li> <li>Styled Components - <a href="https://styled-components.com/" rel="nofollow">https://styled-components.com/</a></li> <li>Ladybug CSS Part 2 Episode - https://www.ladybug.dev/episodes/css-part-2?rq=flexbox</li> <li>Ladybug Systems Design Episode - https://www.ladybug.dev/episodes/systems-design</li> <li>Tiny Habits - <a href="https://www.tinyhabits.com/" rel="nofollow">https://www.tinyhabits.com/</a></li> </ul> <h1>Transcript</h1> <p><a href="https://github.com/ladybug-podcast/ladybug-website/blob/e598a02a814f551cf8091729fe3b7b8944262979/transcripts/59-21-trends-2021.md" rel="nofollow">https://github.com/ladybug-podcast/ladybug-website/blob/e598a02a814f551cf8091729fe3b7b8944262979/transcripts/59-21-trends-2021.md</a></p>