One-Liner JavaScript Coding Challenge for Frontend Engineers
By Thon Ly
These brain teasers are brought to you by Silicon Wat University and recorded from my Treehouse in Fresno, California
One-Liner JavaScript Coding Challenge for Frontend EngineersMar 05, 2022
![[11] Hello World](https://d3t3ozftmdmh3i.cloudfront.net/production/podcast_uploaded_episode400/13395241/13395241-1647065251657-ebfb3acc9ef22.jpg)
[11] Hello World
ATTN Frontend Coding Monks: Come sharpen your coding chops every Friday by solving my brain teasers using only one line of JavaScript code!
📺 YouTube Video: https://youtu.be/nWee2-sKb_Q
📖 Medium Textbook: https://medium.com/siliconwat/chapter-1-hello-world-9396ec9c6d7b
👩💻 CodePen: https://codepen.io/siliconwat/pen/zYPpGWW
🏫 Udemy Course: https://frontend.siliconwat.com
[10] Season 3 Begins!
ATTN Frontend Coding Monks: Come sharpen your coding chops every Friday by solving my brain teasers using only one line of JavaScript code!
📺 YouTube Video: https://youtu.be/9PgKq9RoS58
📖 Medium Textbook: https://medium.com/siliconwat/a-complete-frontend-developer-textbook-for-beginners-3be48c1f07
👩💻 CodePen: https://codepen.io/siliconwat/pen/zYPpGWW
🏫 Udemy Course: https://siliconwat.com/courses/frontend/music.html
![[9] Count Up](https://d3t3ozftmdmh3i.cloudfront.net/production/podcast_uploaded_episode400/13395241/13395241-1634301975587-10b8c1daab2aa.jpg)
[9] Count Up
ATTN Frontend Monks: Can you increment a number inside a HTML document using only one line of JavaScript code? Come sharpen your coding chops in this episode!
To submit your solution for the next Frontend Coding Challenge, simply go to my Scoreboard webapp, or just mention my hashtag #onelinerpodcast in your Twitter post. To ask for help from fellow coders or find a pair programmer, check out our Facebook Group for this podcast!
If you know a great one-liner Frontend Coding Challenge to recommend for my show, please use my link below to record your message. And if you can speak slowly and clearly, I may even feature your voice in my next episode! But if it’s more convenient for you, feel free to reply in the Comments section of YouTube, Medium, Codepen, or Spotify pertaining to this episode.
🎯 Podcast Scoreboard: https://scoreboard.siliconwat.com
📺 YouTube Video: https://youtu.be/hSETyCiPj1g
📖 Medium Transcript: https://medium.com/siliconwat/podcast-episode-9-count-up-f6d7c0e3b217
👩💻 CodePen: https://codepen.io/siliconwat/pen/WNXoLMg
![[8] Count Down](https://d3t3ozftmdmh3i.cloudfront.net/production/podcast_uploaded_episode400/13395241/13395241-1633560520413-28b92cbe4dedd.jpg)
[8] Count Down
ATTN Frontend Monks: Can you decrement a number inside a HTML document using only one line of JavaScript code? Come sharpen your coding chops in this episode!
To submit your solution for the next Frontend Coding Challenge, simply go to my Scoreboard webapp, or just mention my hashtag #onelinerpodcast in your Twitter or Facebook post. But if it's more convenient for you, feel free to reply with your solution in the Comments section of YouTube, Medium, Codepen, or Spotify pertaining to this episode.
If you know a great one-liner Frontend Coding Challenge to recommend for my show, please use my link below to record your message. And if you can speak slowly and clearly, I may even feature your voice in my next episode! Again, if it’s more convenient, feel free to respond in the Comments section instead.
🎯 Podcast Scoreboard: https://scoreboard.siliconwat.com
📺 YouTube Video: https://youtu.be/X8a4OB1jLvY
📖 Medium Transcript: https://medium.com/siliconwat/podcast-episode-8-count-down-fb347879d3f1
👩💻 CodePen: https://codepen.io/siliconwat/pen/jOaVXZQ
![[7] Validate Password Input for a Special Character](https://d3t3ozftmdmh3i.cloudfront.net/production/podcast_uploaded_episode400/13395241/13395241-1633097172406-ec01314a2113.jpg)
[7] Validate Password Input for a Special Character
ATTN Frontend Monks: Can you validate a password for the existence of a special character using only one line of JavaScript code? Come sharpen your coding chops in this episode!
To submit your solution for the next Frontend Coding Challenge, simply go to my Scoreboard webapp, or just mention my hashtag #onelinerpodcast in your Twitter or Facebook post. But if it's more convenient for you, feel free to reply with your solution in the Comments section of YouTube, Medium, Codepen, or Spotify pertaining to this episode.
If you know a great one-liner Frontend Coding Challenge to recommend for my show, please use my link below to record your message. And if you can speak slowly and clearly, I may even feature your voice in my next episode! Again, if it’s more convenient, feel free to respond in the Comments section instead.
🎯 Podcast Scoreboard: https://scoreboard.siliconwat.com
📺 YouTube Video: https://youtu.be/ky31Ss7Q-5A
📖 Medium Transcript: https://medium.com/siliconwat/podcast-episode-7-validate-password-input-for-a-special-character-a3675f975223
👩💻 CodePen: https://codepen.io/siliconwat/pen/KKyNbQb
![[6] Validate Password Input for Uppercase and Lowercase](https://d3t3ozftmdmh3i.cloudfront.net/production/podcast_uploaded_episode400/13395241/13395241-1632400911817-80d3ef634c10c.jpg)
[6] Validate Password Input for Uppercase and Lowercase
ATTN Frontend Monks: Can you validate a password for the existence of both a lowercase letter and a uppercase letter using only one line of JavaScript code? Come sharpen your coding chops in this episode!
To submit your solution for the next Frontend Coding Challenge, simply go to my Scoreboard webapp, or just mention my hashtag #onelinerpodcast in your Twitter or Facebook post. But if it's more convenient for you, feel free to reply with your solution in the Comments section of YouTube, Medium, Codepen, or Spotify pertaining to this episode.
If you know a great one-liner Frontend Coding Challenge to recommend for my show, please use my link below to record your message. And if you can speak slowly and clearly, I may even feature your voice in my next episode! Again, if it’s more convenient, feel free to respond in the Comments section instead.
🎯 Podcast Scoreboard: https://scoreboard.siliconwat.com
📺 YouTube Video: https://youtu.be/i7TBzs4XdlE
📖 Medium Transcript: https://medium.com/siliconwat/podcast-episode-6-validate-password-input-for-uppercase-and-lowercase-9651ee2fa811
👩💻 CodePen: https://codepen.io/siliconwat/pen/MWObZQR
![[5] Validate Password Input for a Digit](https://d3t3ozftmdmh3i.cloudfront.net/production/podcast_uploaded_episode400/13395241/13395241-1631277899746-d3cffd065e9de.jpg)
[5] Validate Password Input for a Digit
ATTN Coding Monks: Can you validate a password for the existence of a digit using only one line of JavaScript code? Come sharpen your coding chops in this episode!
If you know a clever one-line solution to this week’s coding challenge, please use the link below to record your answer. And if you can speak slowly and clearly, I may feature your voice in my next episode! But if it’s more convenient for you, you may use the Comment section of Medium or YouTube.
YouTube Video: https://youtu.be/ogobv-ngv3U
Medium Transcript: https://medium.com/siliconwat/podcast-episode-5-validate-password-input-for-a-digit-ab5a8706f476
![[4] Validate Password Length](https://d3t3ozftmdmh3i.cloudfront.net/production/podcast_uploaded_episode400/13395241/13395241-1630790167094-f193c3776b691.jpg)
[4] Validate Password Length
ATTN Coding Monks: Can you validate the length of a password using only one line of JavaScript code? Come sharpen your coding chops in this episode!
If you know a clever one-line solution to this week’s coding challenge, please use the link below to record your answer. And if you can speak slowly and clearly, I may feature your voice in my next episode! But if it’s more convenient for you, you may use the Comment section of Medium or YouTube.
YouTube Video: https://youtu.be/JuTXnVWEhhc
Medium Transcript: https://medium.com/siliconwat/podcast-episode-4-validate-password-length-134fdaf07723
![[3] Add Hover Effect to DOM Element](https://d3t3ozftmdmh3i.cloudfront.net/production/podcast_uploaded_episode400/13395241/13395241-1630007370539-5694fbbf3e78a.jpg)
[3] Add Hover Effect to DOM Element
ATTN Coding Monks: Can you add the CSS hover effect to a DOM element using only one line of JavaScript code? Come sharpen your coding chops in this episode!
If you know a clever one-line solution to this week’s coding challenge, please use the link below to record your answer. And if you can speak slowly and clearly, I may feature your voice in my next episode! But if it’s more convenient for you, you may use the Comment section of Medium or YouTube.
YouTube Video: https://youtu.be/ALrJy4mpx18
Medium Transcript: https://medium.com/siliconwat/podcast-episode-3-add-hover-effect-to-dom-element-f6284ace0454
![[2] Update DOM Element Content](https://d3t3ozftmdmh3i.cloudfront.net/production/podcast_uploaded_episode400/13395241/13395241-1629421990432-c7e77fdf731a.jpg)
[2] Update DOM Element Content
ATTN Coding Monks: Can you update the content of a DOM element using only one line of JavaScript code? Come sharpen your coding chops in this episode!
If you know a clever one-line solution to this week’s coding challenge, please use the link below to record your answer. And if you can speak slowly and clearly, I may feature your voice in my next episode! But if it’s more convenient for you, you may use the Comment section of Medium or YouTube.
YouTube Video: https://youtu.be/OAIBY9m_9Jk
Medium Transcript: https://medium.com/siliconwat/podcast-episode-2-update-dom-element-content-90e7e477d50
![[1] Style a DOM Element](https://d3t3ozftmdmh3i.cloudfront.net/production/podcast_uploaded_episode400/13395241/13395241-1628819608134-68221ab487bb3.jpg)
[1] Style a DOM Element
ATTN Coding Monks: Can you select and style a DOM element using only one line of JavaScript code? Come sharpen your coding chops in this episode!
If you know a clever one-line solution to this week’s coding challenge, please use the link below to record your answer. And if you can speak slowly and clearly, I may feature your voice in my next episode! But if it’s more convenient for you, you may use the Comment section of Medium or YouTube.
YouTube Video: https://youtu.be/Rux6ClWVHMY
Medium Transcript: https://medium.com/siliconwat/podcast-episode-1-style-a-dom-element-8626ac2f7d81
![[Trailer] ATTENTION All Frontend Coding Monks!](https://d3t3ozftmdmh3i.cloudfront.net/production/podcast_uploaded400/13395241/13395241-1630348015665-45b1774dbc507.jpg)