My Profile Photo

Tap Photos to See Details

  • Do you use React Native for mobile dev?
React is marvellous, the abstraction of custom components is what the web development world lacked for a long time, and finally, React hit the jackpot.
Somehow React Native is even more remarkable!
Now the mobile development is as declarative as ever; we do not deal with native components or their life cycle, which are all handled by React Native!
And there's another tiny benefit worth mentioning: you get access to the most extensive Open Source library in the world, npm 🌍
What does it mean to be able to use JavaScript Open Source community?
You will save time, not needing to reinvent the wheel.
Which translates to you saving money 💰
And you'll be able to focus only on the new aspects that your business brings to the table.
Takeaway: React Native saves you money (tons of it in my experience)
Have any questions about web development? - Ask away 💌
Do you want to build a web app? - Get in touch 👨‍💻 ⁣ Want to support me in my journey?⁣ 💬 Leave a comment with good vibes 🙌 Tag a friend 🎥 Follow me on YouTube @codingedgar (link in bio) ❤️ Destroy the like button
#javascripts #codinglife #androiddeveloper #instagramforprogrammers #ionic #coding #phonegap #computerprogramming #appdeveloper #techlifestyle #iosdeveloper #programming #frontenddeveloper #computersciencelife #webdevelopment #appdevelopment #remotedeveloper #computersciencemajor #flutter #appdevelopers #cordova #codeuniverse #mobileappdevelopment #softwareengineer #javascriptdeveloper #reactnative #webdevelopers #fullstackdeveloper #mobiledevelopment #webdeveloper
  • Do you like TypeScript Union types?
TypeScript Union types are a potent tool to model our types.
They are so powerful that they can be Union types or help us model Discriminated Unions.
What's the difference between Union types and Discriminated Unions?
Well, Union types are a way to let a type be either one or another (or multiple actually) things at one point.
In this example
  • Scala or Java?
You can get this design in a beautiful hardcover journal or other 49 products, like stickers and t-shirts, link in bio 🎯
I'm learning some Scala lately in my effort to know more about functional programming.
I started with F# as a functional-first language, now I'm trying scala which has more features and bigger ecosystems thanks to the JVM.
Have you tried Scala? Any useful resource to learn more about Scala you can recommend to us in the comments?
Have any questions about web development? - Ask away 💌
Do you want to build a web app? - Get in touch 👨‍💻 ⁣ Want to support me in my journey?⁣ 💬 Leave a comment with good vibes 🙌 Tag a friend ❤️ Destroy the like button
#machinelearning #developer #eclipseide #programmieren #bookstagram #intellij #booknerd #ebooklover #learningcode #playframework #mathematics #techbook #java #womeninstem #gradle #apacheflink #bookcover #writing #tensorflow #bookworm #techwriting #datascientist #bigdata #research #apachespark #scalalanguage #techpublishing #technicalwriting #artificialintelligenceai #computerscience
  • Did you read the book?
You can get this design in a comfy hoody or other 85 products, like stickers and magnets, link in bio 🎯
I'm a huge advocate of clean code, but also with time and practice, I have understood that it's not a silver bullet.
It does not translate to right code, or good problem solving, or faster problem solver.
Not even make teams happier, some people just don't fucking care and will destroy you clean code without any remorse, might even hold a grudge are you for trying.
Yet, some people do get it, and we should know each other because we are the ones who appreciate it.
As with anything in life, some people don't get why justice and ethics are substantial, and others do.
And that's how you know you're working with the right people because they share your principles.
If you have any anecdotes regarding dirty or clean code, 🧼 let me know in the comments. 👇
Have any questions about web development? - Ask away 💌
Do you want to build a web app? - Get in touch 👨‍💻 ⁣ Want to support me in my journey?⁣ 💬 Leave a comment with good vibes 🙌 Tag a friend ❤️ Destroy the like button
#girlprogrammer #shecodes #cleancode #computerprogrammer #problemsolving #code #stemfluencer #codelikeagirl #programmergirl #books #girlcoder #debuggingisfun #developercommunity #debuggingmemes #cleancoding #codergirl #learningtocode #cleancoders #techgirl #cleancoder #scientist #techbooks #codingbooks #cute #agiledevelopment #coderslife #womendoingsciences #bookstagramgermany #backenddevelopmernt #computersfordummies
  • Is go the most straightforward language to master?
You can get this design as a magnet or other 11 products, like stickers, phone cases or notebooks by going to the link in my bio 🎯
Go is fast 🏎 Go is small 🐇 But most importantly, Go is familiar 👩‍👦
And it is designed to make you deal with many control cases often ignored by programmers, which makes you look like a better programmer!
And that's not by mistake; it is the primary goal of Go.
Have any questions about web development? - Ask away 💌
Do you want to build a web app? - Get in touch 👨‍💻 ⁣ Want to support me in my journey?⁣ 💬 Leave a comment with good vibes 🙌 Tag a friend ❤️ Destroy the like button
#golanguage #googlecloudexpert #gocode #googlecloudpartner #backenddevelopment #googledeveloper #seniordeveloper #softwaredevelopers #softwaredevelopment #compsci #stickersheet #golangdeveloper #freelancerdeveloper #dev #googledevsid #googledeveloperindonesia #googlecloudsummit #stickersmexico #backenddevelopers #softwaredeveloper #googlecloudplatform #googlecloud #goprogramming #developers #golang #webdev #googleplex #golangnggo #backenddev #backenddeveloper
  • MY SEARCH HISTORY IS PRIVATE!!!!
This one, in particular, looks marvellous as a mounted print, damn duck is art now!
Link to buy is in my bio 🎯
What's your story about internet privacy? Does it worry you?
I have trouble getting out of Google/Chrome/Safari. The convenience is so huge!!
But I get that's the point; they are making money out of us and paying back with super well designed-convenient apps.
It shouldn't be the case, tho; we just got so used to free stuff! Now privacy is valued, yet we still spect it from free apps; otherwise, people won't convert.
Are you not convinced?
People use DuckDuckGo instead of Google Chrome because it's private yet free. People use Signal instead of Whatsapp because it's private yet free. People use 1Password because it keeps passwords safe yet it's free!
We hope some people figure out how to make private and secure apps for free, and maybe we'll convert, what a complicated expectation to live up to for new tech companies.
Should privacy come at a cost? Or should it be free?
Have any questions about web development? - Ask away 💌
Do you want to build a web app? - Get in touch 👨‍💻 ⁣ Want to support me in my journey?⁣ 💬 Leave a comment with good vibes 🙌 Tag a friend ❤️ Destroy the like button
#minimalism #shopifystores #privacy #minimalove #privacymatters #posters #postershop #posterart #browser #printmaking #printmaker #frametv #printondemand #duckduckgo #privacyplease #mountedprint #vuejs #mountedprints #webdeveloping #privacyiseverything #printshop #jsdev #minimalistic #cybersecurity #signalapp #wholesaleprints #printsandcards #prints #googlealternatives #secured
  • What's your highest score?
If you wish to buy this sticker, the link is in my bio 🎯
And what about when it happens in the office?
Depending on how cool your company is, the office will get a workaround, gave up for the day or just start competing for the highest score.
After 30 min, you might get into the rhythm of the game, and your favourite dinosaur becomes frigging flash in each round⚡️🏎!!!
And when it happens in the house, you know what the dinosaur stands for... you forgot to pay the internet 🥲
Have any questions about web development? - Ask away 💌
Do you want to build a web app? - Get in touch 👨‍💻 ⁣ Want to support me in my journey?⁣ 💬 Leave a comment with good vibes 🙌 Tag a friend ❤️ Destroy the like button
#stickersbomb #stickersart #trexgame #pixelart #trexrunner #nerdclothing #googlechorme #trex #codingislife #trexchrome #chromegame #redbubbleshop #dinosaur #techtshirt #dinorunner #softwareengineering #devlife #googlechrome #dinogame #offline #dinosour #nerdshirt #iosdev #stickerspersonalizados #dinosaurgame #tshit #pillowdesign #tyrannosaurusrex #jsdeveloper #stickersale
  • Puppeteer for testing or automation❓
If you wish to buy this sticker, the link is in my bio 🎯
I use Puppeteer for testing because more times than not Cypress has some weird edge case where I can't use it.
Puppeteer is fast, it might not be as
  • Functional Programming JavaScript 🔥🔥🔥🔥
Functional programming changed the way I see code for the better, and my first encounter with it was while I tried to master JavaScript.
If you wish to buy this sticker, the link is in my bio 🎯
Have any questions about web development? - Ask away 💌
Do you want to build a web app? - Get in touch 👨‍💻 ⁣ Want to support me in my journey?⁣ 💬 Leave a comment with good vibes 🙌 Tag a friend ❤️ Destroy the like button
#stickerartist #stickermagnet #magneticstickers #javscript #stickerofinstagram #typescript #es2020 #reactredux #javascriptprojects #reactdev #reactbootstrap #learnjssafe #reactjsacademy #stickerdesignsdesigns #reactreduxdeveloper #stickersph #stickersforsale #stickersshop #functionalprogramming #functionalprogrammingforlife #functionalprogramminginscala #functionalprogramminglanguage #functionalprogrammingpython #functionalprogramminginserverless #functionalprogrammingparadigm #reasonml #reactjsbootcamp #reactjsdevelopers #reactjsconf #reactjsgirls
  • yarn install --prefer-offline is 💛
I can't think many lines of code that make me happier.
Yarn is faster and way more reliable than npm, even to this day.
I wish Node.js could have come with a more storage-friendly solution than node_modules, but at least we've got yarn.
What do you think about it❓
If you wish to buy this sticker, the link is in my bio 🎯
Have any questions about web development? - Ask away 💌
Do you want to build a web app? - Get in touch 👨‍💻 ⁣ Want to support me in my journey?⁣ 💬 Leave a comment with good vibes 🙌 Tag a friend ❤️ Destroy the like button
#coding #programming #stickershop #womenintech #npm #dev_girls #jsframework #javascriptfeatures #jsnerd #reactproject #npmjs #devmerch #stickerslap #stickerslaps #stickerlove #slaps #stickeraddiction #plannerstickers #stickersultras #techstickers #devstickers #engineeringgals #stemblogger #girlsintech #techbaddie #stembaddies #techswag #codingforgirls #girldeveloper #codingstickers
  • What do you thing of AVA?
Ava was created by the one and only Sindre Sorhus, as a groundbreaking test runner for Node.js with an incredible idea: minimal and fast concurrent tests.
If you wish to buy this magnet, the link is in my bio 🎯
Have any questions about web development? - Ask away 💌
Do you want to build a web app? - Get in touch 👨‍💻 ⁣ Want to support me in my journey?⁣ 💬 Leave a comment with good vibes 🙌 Tag a friend ❤️ Destroy the like button
#webapplication #stickerdesign #babel #stickers #stickerpack #electronjs #angular2 #backend #reactjs #webappdevelopment #jstutorial #stickeraddict #stickercollection #stickerlover #sticker #stickerart #stickerporn #stickerline #stickerlife #stickerobsessed #stickerlogo #stickerjunkie #customsticker #customstickers #avajs #automatedtesting #qualityassurance #qualityassuranceteam #qualityassurancejobs #qualityassuranceengineer
  • Sublime or VSCode?
When I used Sublime for the first time, I was in owe of its lightning speed ⚡️
What do you like more of Sublime editor?
If you wish to buy this sticker, the link is in my bio 🎯
Have any questions about web development? - Ask away 💌
Do you want to build a web app? - Get in touch 👨‍💻 ⁣ Want to support me in my journey?⁣ 💬 Leave a comment with good vibes 🙌 Tag a friend ❤️ Destroy the like button
#monogodb #webdevelopement #jquerymobile #juniorwebdeveloper #codeeditor #css3code #vscode #webapplications #websitemaker #htmlcode #webapps #fullstackdevelopers #htmlbasics #front_end #jamstack #hmtl5 #css3 #mernstack #vscodetheme #javascript_love #javascriptsweden #angular7 #sublimetext #sublimetext3 #sublimetexteditor #sublimetext2 #microsoftvscode #visualcode #texteditor #texteditors
  • What's your favourite Zelda game?
Or you only know the characters by playing Super Smash Bros?
Whatever might be the case, this is a perfect addition if you're Zelda's fan and a frontend developer, link in bio!
Have any questions about web development? - Ask away 💌
Do you want to build a web app? - Get in touch 👨‍💻 ⁣ Want to support me in my journey?⁣ 💬 Leave a comment with good vibes 🙌 Tag a friend ❤️ Destroy the like button
#frontendengineer #frontenddeveloper #frontendwebdeveloper #frontenddevelopment #frontend #frontenddev #forntenddeveloper #reactjsdeveloper #vuejsdeveloper #thelegendofzeldapillow #thelegendofzelda #thelegendofzeldamajorasmask #thelegendofzeldafanart #thelegendofzeldaart #thelegendofzeldafan #thelegendofzeldadrawing #custompillow #custompillows #custompillowcases #custompillowcase #custompillowprinting #custompillowcovers #custompillowcover #custompillowshop #frontendchallenge #frontendfridays #frontendwebdevelopment #frontenddevelopers #frontendeveloper #frontendengineering
  • Which one do you like more?
Obvs this is the cutest design I've found so far, what do you think of it?
This design is available for purchase in 49 diff products, link in my bio ✨
This artist has adorable designs, and it looks lovely in a pillow.
I plan to do more Instagram story polls to see which one are other designs you might like.
I'm trying to see what type of content is more Instagram friendly, and maybe leave more tech-heavy things to Medium (blog) and YouTube.
Why? Because Instagram content is not indexable, nor ever-green, so people cannot find things later.
In resume, this is my next ig strategy: - Merch for you - Carrousels about new blog posts - Teasers from new YouTube vids
What do you think?


Have any questions about web development? - Ask away 💌
Do you want to build a web app? - Get in touch 👨‍💻 ⁣ Want to support me in my journey?⁣ 💬 Leave a comment with good vibes 🙌 Tag a friend ❤️ Destroy the like button
#developersparadise #programmingisfun #javascriptdevelopment #backenddevelopers #coders #jsdev #programmerslife #programador #gamedevelopment #remotedeveloper #javascriptdeveloper #coder #programmers #gamedev #appdev #instagramforprogrammers #programmerplus #pillowcovers #pillowcover #pillowcases #pillowdesign #stickerartist #stickerdesign #stickerlover #stickerpack #stickercollection #frigdemagnet #stickermagnet #techtshirt #computertshirt
  • Agree or disagree?
Don't you get annoyed when you install and app and immediately starts sending you a bunch of notifications?
IT'S THE WORST!
What about the
  • Which one do you like more?
🤔 I've been trying to understand more the monetization model of content creators. 🎯 So I enrolled in Redbubble's affiliate program. 💰 Meaning if you buy any of these items I'll earn a commission.
🧣 Link in bio 👕
Have any questions about web development? - Ask away 💌
Do you want to build a web app? - Get in touch 👨‍💻 ⁣ Want to support me in my journey?⁣ 💬 Leave a comment with good vibes 🙌 Tag a friend who might find this account fascinating 🔔 Turn notifications to know when I publish new stuff ❤️ Destroy the like button
#redbubblestore #softwaredeveloper #redbubblehomedecor #applicationdevelopment #androiddeveloper #developerstuff #nerdclothing #cutepattern #webdev #tshit #dev #redbubble #jsdeveloper #backenddev #girlsdevelopit #fullstackdevelopment #redbubbleshop #geekclothing #backenddeveloper #fullstackdevelopers #mobileappdev #webdeveloper #redbubbledesign #stackoverflow #redbubbleart #webdevloper #fullstackwebdeveloper #frontenddeveloment #frontenddevlopers #dev_girls
  • New YouTube Video!
Link in bio 🎯
Have any questions about web development? - Ask away 💌
Wanna build a web app? - Get in touch 👨‍💻 ⁣ Want to support me in my journey?⁣ 💬 Leave a comment with good vibes 🙌 Tag a friend who might find this account fascinating 🔔 Turn notifications to know when I publish new stuff ❤️ Destroy the like button
#frontendengineer #laravel #youtubeprogramming #youtubecali #workfromanywhere #youtubedeutschland #pythonprogramming #youtubepost #frontendwebdeveloper #angularjs #nodejsdeveloper #websitedeveloper #freelancelife #youtube #youtubespain #youtubegermany #youtubeitalia #youtubesweden #youtubesoftware #workhardanywhere #learnwebdevelopment #fullstack #webdevelopment #nodejs #mernstack #remotework #digitalnomad #digitalnomadlife #digitalnomads #remoteworklife
  • Don't know where to specialize?
Meet Aleksander Vitkin!
Aleksander teaches about tech, marketing and freelancing. He has helped over 700 people interested in entrepreneurship to start a profitable business and quit their jobs to travel the world.
He has a mentor business where he teaches people to start or grow their business.
I linked his videos in the link in my bio for you to check it without typing 🎯
Have any questions about web development? - Ask away 💌
Do you want to build a web app? - Get in touch 👨‍💻 ⁣ Want to support me in my journey?⁣ 💬 Leave a comment with good vibes 🙌 Tag a friend who might find this account fascinating 🔔 Turn notifications to know when I publish new stuff ❤️ Destroy the like button
Photo by Junior Teixeira from Pexels
#shopifybusiness #websitecreation #freelanceadvice #freelancewebdesigner #wordpressdeveloper #freelancecoder #websitebuilder #freelancegigs #freelancejobs #shopifydeveloper #freelanceprojects #websitemaker #shopify #freelancetofreedom #freelancetips #shopifydropshipping #shopifystore #freelancejob #freelanceprogrammer #freelancebusiness #freelanceclients #shopifystores #onlineshop #selfemployed #freelanceprogramming #fiverrdeveloper #tipsfiverr #freelanceprogrammers #fiverrshopify #freelancecoders
  • Do you want to earn money but don’t where to start?
Meet Joshua!
Joshua is one of the top-earning freelancers on Upwork! With over $600000 earned in just a little over 4 years.
He’s devoted to freelancing, technologies being financially free and helping you to achieve your goals.
I really love Joshua’s content; he speaks calm and publishes high-quality videos full of tips about succeeding in Upwork!
He has videos where you ask yourself: How the hell did he deliver so much value in less than one hour?
He has other videos that are timeless because he speaks about principles.
He has other videos that are simply put must watch.
I linked his videos in the link in my bio for you to check it without typing 🎯
Have any questions about web development? - Ask away 💌
Wanna build a web app? - Get in touch 👨‍💻 ⁣ Want to support me in my journey?⁣ 💬 Leave a comment with good vibes 🙌 Tag a friend who might find this account fascinating 🔔 Turn notifications to know when I publish new stuff ❤️ Destroy the like button
Photo by Junior Teixeira from Pexels
#fiverrsellers #fiverrseller #mobileappdevelopment #programacion #javaprogramming #webdevelopers #androiddevelopment #mobiledeveloper #learncode #appdeveloper #computerprogramming #fiverrgig #softwaredevelopers #softwareengineer #upwork #fiverrfreelancer #fiverrbuyers #freelance #upworkfreelancer #fiverrgigs #madeonfiverr #freelancers #fiverr #freelancing #fiverrgigpromotion #upworksuccess #fiverrpro #freelancerdeveloper #freelancerlife #stemsquad
  • Do you use state machines?
I made a tutorial to build a Tic Tac Toe game with #Reactjs, #TypeScript, #XState, fp-ts & #CSSGrid a while ago.
If you want to check it go to my bio and click the image of this post.
State machines make my code easier to understand, and also, to explain!
A while ago I would have taken much more time explaining the code you just saw, but state machines are extremely declarative, don't you think?
Have any questions about web development? - Ask away 💌
Wanna build a web app? - Get in touch 👨‍💻 ⁣ Want to support me in my journey?⁣ 💬 Leave a comment with good vibes 🙌 Tag a friend who might find this account fascinating 🔔 Turn notifications to know when I publish new stuff ❤️ Destroy the like button
#javascripts #javascriptcode #javascriptiskillingmysoul #javascriptprogramming #reactnative #javascripting #basicjavascript #javascriptlibraries #javascriptdevelopers #javascriptdev #reactredux #reactjsframework #reactdev #javascriptbasics #javascriptprogrammer #javascriptbootcamp #javascripttips #learnjavascriptdeeply #reactbootstrap #javascript30 #reactjsacademy #reactdeveloper #react360 #javascript_love #reactjsdevelopment #reactreduxdeveloper
  • Do you nap?
Check the link in my bio to see how naps can help you improve your learning and focus throughout the day!
Have any questions about web development? - Ask away 💌
Wanna build a web app? - Get in touch 👨‍💻 ⁣ Want to support me in my journey?⁣ 💬 Leave a comment with good vibes 🙌 Tag a friend who might find this account fascinating 🔔 Turn notifications to know when I publish new stuff ❤️ Destroy the like button
Photo by Anete Lusina from Pexels
#javascripts #womenincomputerscience #applicationdevelopment #programmingtips #developerstuff #css #learncoding #webdev #hamburg #dev #latinasintech #girlsdevelopit #codenewbie #sleeping #learnprogramming #coder #naptime #nap #sleepyhead #napping #sleeptight #sleepysunday #sleepsupport #sleepdoctor #bedtimeroutine #ineedsleep #sleepdeprived #sundaynap #naplover #napislove
  • NEVER AGAIN!
I made the mistake of prioritizing a paycheck over my own health, please, do not make this mistake.
There are maaany companies that have an excellent environment for you to work in.
Do not overstay in a company who does not put the health of their employees first!
How's your company environment❓ Have you ever burnout in a company❓
Have any questions about web development? - Ask away 💌
Wanna build a web app? - Get in touch 👨‍💻 ⁣ Want to support me in my journey?⁣ 💬 Leave a comment with good vibes 🙌 Tag a friend who might find this account fascinating 🔔 Turn notifications to know when I publish new stuff ❤️ Destroy the like button
#codingbootcamp #webdevelopement #softwarearchitect #softwaredev #codinglife #codingdays #coderlife #codeismylife #frankfurt #leipzig #computerengineering #iosdev #softwareengineering #kotlindeveloper #programminghub #worldcode #frontenddev #software_development #programminglife #mobiledevelopment #programmer #worldofcode #codingdad #appdevelopmentcompany #iosdeveloper #backenddevelopment #app_development #developerspace #programmerrepublic #webdev_guru
  • 7 tips to improve your sleep!
I know, I know,
  • How good is the quality of your sleep❓⁣ ⁣ 1. You sleep deeply from 7-9 hours a day every day.⁣ 2. You get good sleep some days of the week.⁣ 3. You rarely sleep well.⁣ 4. What's sleep, lol.⁣ ⁣ If you're anything like me, then the answer is 2 or 3 fluctuating on your life's events.⁣ ⁣ I used to sleep aaaaall the time before 21, but after I graduated from University and started working my sleep quality went to 💩⁣ ⁣ Mainly because I didn't give importance, I wanted to learn and do everything! I needed more hours in the day!!⁣ ⁣ But eventually, my focus and decision making started to decline to dramatically low levels. When I checked out, I was sleeping 3 to 4 hours a day, for months by then.⁣ ⁣ I changed my lifestyle since that moment, my brain is my most important asset, and I was killing it rather quickly.⁣ ⁣ It's also challenging to get adequate sleep with the light of our computers and the urges from work.⁣ ⁣ Once you master focus, programming until 2am regularly is bound to happen.⁣ ⁣ At first, we get so much done, but with time all we produce is rubbish.⁣ ⁣ I've put resources to help you sleep better and avoid suffering as much as I did due to my recklessness, join me at @codingedgar to stay tunned.⁣ ⁣ Have any questions about web development?⁣ - Ask away 💌⁣ ⁣ Wanna build a web app?⁣ - Get in touch 👨‍💻⁣ ⁣⁣ Want to support me in my journey?⁣⁣ 💬 Leave a comment with good vibes⁣ 🙌 Tag a friend you might find this account fascinating⁣ 🔔 Turn notifications to know when I publish new stuff⁣ ❤️ Destroy the like button⁣ ⁣ #bettersleep #goodnightsleep #betternightssleep #sleepwell #goodnightssleep #sleeptips #engineeringlife #sleephealth #programmerslife #sleep #naturalsleep #sleepbetter #gamedevelopment #qualitysleep #sleeptime #mobileappdev #webdeveloper #sleepquality #softwareseveloper #programmers #insomnia #jscripters #javascriptdevelopers #javascriptdev #fullstackwebdeveloper #reactdev #javascriptbeginner #frontenddevlopers #reactdeveloper #reactreduxdeveloper
  • Can you recommend me YouTube channels with intros you love❓
I think I need some minimalist intro, some 1-5 seconds music with maybe a small animation or something.
I love watching YouTube podcasts or channels that have a catching intro and are quick! Just enough to create a familiar environment.
I like when the video has a quick intro to what will be said (without spoilers of course), then the intro comes into place 🎶  and then the video starts.
How do I know an intro is good? When I find myself humming the intro for a few seconds.
I also find channels that have the same intro as the outro, which is nice!
Why am I doing this now?
Well... in my last video I forgot to present myself, and the channel🤦‍♂️. Also, I enjoy too much catching intros/outros to ignore them for much longer.
I didn't want to spend too much time on the video editing process at first, but I do want to improve 1% every week, so I want to add an intro/outro next. ⁣ Want to support me in my journey?⁣ 💬 Leave a comment with good vibes 🙌 Tag a friend you might find this account fascinating 🔔 Turn notifications to know when I publish new stuff ❤️ Destroy the like button
#codepeople #mobiledeveloper #girlswhocode #appdeveloper #softwaredeveloper #softwaredevelopers #softwareengineer #androiddeveloper #youtuber #programming #softwaredevelopment #youtubers #learnjavascriptonline #youtube #youtubeintro #youtubeintromaker #youtubeintros #youtuberintrodesigner #youtubequestions #youtubesoftware #youtubeprogramming #youtubeitalia #youtubegermany #youtubespain #youtubecali #youtubesweden #youtubepost #youtubesupport #youtubemarketing #youtubedeutschland
  • Recommendation of the day: web.dev
I think a found a good rival to Mozilla's MDN!
📽🎥📹 I talk more about the key things I enjoyed from this site on YouTube, link in bio 🔥
What is web.dev?
Is an effort from the Google Chrome team: A site dedicated to documenting best-practices and the ability to monitor your site to ensure you always were able to keep it fast, resilient and accessible.
On the learning side, they have structured learning paths to discover everything you need to know about building for the modern web, like:
- Performance - Web vitals - Metrics - Fast load times. - Progressive Web Apps - Accessibility - Network reliability - Web Payments - Security - React - Angular - and how to use Lighthouse
All of this is in such a great depth and thought for learners. I must say, the quality of the content is impressive.
On the learning side, you can test: Performance Best Practices SEO and Accessibility The test is free, only requires an URL, and the result has excellent accuracy and tips on improving the score of your website.
❓ Where do you go for references: Mozilla's MDN or Google's web.dev? Or do you go somewhere else?
💌 Have any questions about web development?⁣ - Ask away ⁣ 👨‍💻 Wanna build a web app?⁣ - Get in touch ⁣ Want to support me in my journey?⁣ - Leave a comment with good vibes.⁣ - Tag a friend you might find this account fascinating.⁣ - Turn notifications to know when I publish new stuff.⁣ - Destroy the like button.⁣
#fullstackdevelopers #javascripting #webdevloper #front_end #backend #webprogramming #javascriptessentials #frontenddeveloment #jstutorial #vanillajsnow #backenddeveloper #javascriptbook #webappdevelopment #es6 #vanillajavascript #backenddevelopers #basicjavascript #momentjs #webapps #webdevelopmentcompany #denojs #webdevelopment #studyjavascript #jshelpful #learnjs #firebase #webpack #javascriptprogrammer #javascriptlibraries #javascriptmastery
  • Recommendation of the day: fireship.io
I found this page last week and was astonished of how good it is for learning JavaScript!
📽🎥📹 I talk more about the key things I enjoyed from this site on YouTube, link in bio 🔥
From their About page:
Fireship.io exists to make developers happier and more productive.
They produce content about complex technical subjects for developers and entrepreneurs building software products.
- Full Courses - Video Lessons - Quick Snippets
They provide support through various services in addition to content production.
- Chat via Slack - Open Source Code via Github - Video and Live Streams via YouTube
❓ ¿What's your go-to blog to learn web development?
💌 Have any questions about web development?⁣ - Ask away ⁣ 👨‍💻 Wanna build a web app?⁣ - Get in touch ⁣ Want to support me in my journey?⁣ - Leave a comment with good vibes.⁣ - Tag a friend you might find this account fascinating.⁣ - Turn notifications to know when I publish new stuff.⁣ - Destroy the like button.⁣
#webdevelopers #angularjs #javascriptdevelopment #mongodb #monogodb #javascriptprogramming #jsdev #htmltemplate #webapp #frontendwebdeveloper #rxjs #nativescript #gatsby #sequalize #learnjavascript #frontendengineer #jquerymobile #vanillajs #expressjs #graphql #eslint #webdeveloping #jquery #backenddev #websitedeveloper #lodash #fullstackdevelopment #nodejsdeveloper #html_css #jsdeveloper
  • Do you comment when you like something?⁣ ⁣ New video in YouTube 🔥 link in bio!⁣ ⁣ ps: I guess my accent decided to go full Sherlock Holmes or something. Idk why my accent change so much.⁣ ⁣ 💌⁣ Have any questions about web development?⁣⁣ - Ask away⁣ ⁣⁣ 👨‍💻⁣ Wanna build a web app?⁣⁣ - Get in touch ⁣ ⁣⁣ Want to support me in my journey?⁣⁣ - Leave a comment with good vibes.⁣⁣ - Tag a friend you might find this account fascinating.⁣⁣ - Turn notifications to know when I publish new stuff.⁣⁣ - Destroy the like button.⁣⁣ ⁣ #fullstack #learn #ruby #nodejs #frontend #database #buildtheweb #vuejs #bootstrap #redux #vuejs #sass #reactjs #polymer #ember #javascriptdeveloper #vim #heroku #devops #vscode #programador #vscodes #react #zaletskyi #js #java #gatsbyjs #peoplewhocode #html #azure
  • What is the Contact Picker API?
Access to the user's contacts on a mobile device has been a feature of iOS/Android apps since (almost) the dawn of time. It's one of the most common feature requests I hear from web developers, and is often the key reason they build an iOS/Android app.
Available in Chrome 80 on Android, the Contact Picker API is an on-demand API that allows users to select entries from their contact list and share limited details of the selected entries with a website. It allows users to share only what they want, when they want, and makes it easier for users to reach and connect with their friends and family.
The entry point to the Contact Picker API is navigator.contacts.select(). When called, it returns a promise and shows the contact picker, allowing the user to select the contact(s) they want to share with the site. After selecting what to share and clicking Done, the promise resolves with an array of contacts selected by the user.
📜📜📜📜 👀 I discovered this feature in a fantastic video from @fireship_dev.
I go more in-depth about why I enjoyed Fireship's video in my latest article, link in bio ✨
💌 Have any questions about web development?⁣ - Ask away ⁣ 👨‍💻 Wanna build a web app?⁣ - Get in touch ⁣ Want to support me in my journey?⁣ - Leave a comment with good vibes.⁣ - Tag a friend you might find this account fascinating.⁣ - Turn notifications to know when I publish new stuff.⁣ - Destroy the like button.⁣
#javascriptengineer #javascriptlearning #frontenddeveloper #fullstackdeveloper #ecmascript #javascripts #javascriptcode #css #javascript #webdev #angular #frontenddevelopment #angular2 #frontend #htmlcss #frontenddev #javascriptframework #typescript #reactjs #reactnative #javascriptdeveloper #webdeveloper #vuejs #javascriptdevelopers #javascriptdev #javascriptlover #reactjsframework #javascriptbasics #javascripttutorial #angular6
  • Did you know you can add app shortcuts in your PWA?
The web platform now supports app shortcuts to improve users' productivity and facilitate re-engagement with key tasks.
They allow web developers to provide quick access to a handful of common actions that users need frequently.
Each app shortcut expresses a user intent, each of which is associated with a URL within the scope of your web app. The URL is opened when users activate the app shortcut. Examples of app shortcuts include the following: - Top-level navigation items (e.g., home, timeline, recent orders) - Search - Data entry tasks (e.g., compose an email or tweet, add a receipt) - Activities (e.g., start a chat with the most popular contacts)
📜📜📜📜 👀 I discovered this feature in a fantastic video from @fireship_dev.
I go more in-depth about why I enjoyed Fireship's video in my latest article, link in bio ✨
💌 Have any questions about web development?⁣ - Ask away ⁣ 👨‍💻 Wanna build a web app?⁣ - Get in touch ⁣ Want to support me in my journey?⁣ - Leave a comment with good vibes.⁣ - Tag a friend you might find this account fascinating.⁣ - Turn notifications to know when I publish new stuff.⁣ - Destroy the like button.⁣
#mobileappdev #montpellier #javascriptdevelopers #mobileappdevelopment #stuttgart #webapplications #electronjs #javascriptislife #javascriptframework #progressivewebapps #reactnative #webapplication #jamstack #munich #nativeapp #androiddevelopment #progressivewebapp #berlin #nativeapps #reactjsdevelopment #appdevelopmentcompany #learnappdevelopment #nextjs #reactjs #cologne #strasbourg #mobileappdeveloper #javascripttutorial #reactdeveloper #programminghub
  • Did you know the Logical OR Assignment?
There has been 2 kinds of Assignment Operators in JavaScript (besides the actual Assignment Operator =) Arithmetic Assignment Operators, like +=, *=, -=. Bitwise Operators <<=, >>>=, ^=, &=.
But there's a new kind of operators ready for you to use today in JavaScript, called: Logical Assignment Operators.
Today I'm going to show you the Logical OR Assignment.
The logical OR assignment (x ||= y) operator only assigns if x is falsy.
The logical OR operator works like this:
x || y; // returns x when x is truthy // returns y when x is not truthy
The logical OR operator short-circuits: the second operand is only evaluated if the first operand doesn’t already determine the result.
Logical OR assignment short-circuits as well, meaning it only performs an assignment if the logical operation would evaluate the right-hand side. In other words, x ||= y is equivalent to:
x || (x = y);
And not equivalent to the following which would always perform an assignment:
x = x || y;
Note that this behavior is different to mathematical and bitwise assignment operators.
I explained this operator in more detail, on YouTube and Medium, wanna watch the video?⁣⁣⁣⁣ - Link in the bio 🔥⁣⁣⁣⁣ ⁣ Have any questions about web development?⁣⁣ - Ask away 💌⁣⁣ ⁣⁣ Wanna build a web app?⁣⁣ - Get in touch 👨‍💻⁣⁣ ⁣⁣ Want to support me in my journey?⁣⁣ - Leave a comment with good vibes.⁣⁣ - Tag a friend that might find my page @codingedgar interesting.⁣⁣ - Turn notifications to know when I publish new stuff.⁣⁣ - Destroy the like button. (both here and in YouTube, of course)⁣
#webdevelopement #teamtreehouse #juniorwebdeveloper #learncode #reims #lille #paris #rennes #codetutorial #seniordeveloper #es2020 #programador #toulouse #codeblocks #htmlbasics #marseille #lyon #devops #bordeaux #nantes #devtips #codetutorials #programmingtip #fullstackwebdeveloper #daysofcode #javascriptprojects #htmllists #vscodetheme #techtalkcommunity #webdev_guru
  • Did you know the Logical AND Assignment?
There has been 2 kinds of Assignment Operators in JavaScript (besides the actual Assignment Operator =) Arithmetic Assignment Operators, like +=, *=, -=. Bitwise Operators <<=, >>>=, ^=, &=.
But there's a new kind of operators ready for you to use today in JavaScript, called: Logical Assignment Operators.
Today I'm going to show you Logical AND Assignment.
The logical AND assignment (x &&= y) operator only assigns if x is truthy.
The logical AND operator is evaluated left to right, it is tested for possible short-circuit evaluation using the following rule: (some falsy expression) && expr is short-circuit evaluated to the falsy expression;
Short circuit means that the expr part above is not evaluated, hence any side effects of doing so do not take effect (e.g., if expr is a function call, the calling never takes place).
Logical AND assignment short-circuits as well meaning that x &&= y is equivalent to:
x && (x = y);
And not equivalent to the following which would always perform an assignment:
x = x && y;
I explained this operator in more detail, on YouTube and Medium, wanna watch the video?⁣⁣⁣⁣ - Link in the bio 🔥⁣⁣⁣⁣ ⁣ Have any questions about web development?⁣⁣ - Ask away 💌⁣⁣ ⁣⁣ Wanna build a web app?⁣⁣ - Get in touch 👨‍💻⁣⁣ ⁣⁣ Want to support me in my journey?⁣⁣ - Leave a comment with good vibes.⁣⁣ - Tag a friend that might find my page @codingedgar interesting.⁣⁣ - Turn notifications to know when I publish new stuff.⁣⁣ - Destroy the like button. (both here and in YouTube, of course)⁣
#cssgrid #datastructure #fullstackdev #javscript #googlecloud #prague #jenkins #pilsen #stockholm #flexbox #webdeveloper #ostrava #brno #browser #hmtl5 #npm #opensource #uppsala #fullstack #jscripters #es6features #lifetocode #code_with_anna_strings #code_with_anna #programmerprogramming #codewithanna_strings #webmasterproject #codecrumbs #codewithanna #heroku
  • A new category of operators in JavaScript ✨
There has been 2 kinds of Assignment Operators in JavaScript (besides the actual Assignment Operator =) - Arithmetic Assignment Operators, like +=, *=, -=. - Bitwise Operators <<=, >>>=, ^=, &=.
But there's a new kind of operators ready for you to use today in JavaScript, called: Logical Assignment Operators.
Today I'm going to show you Logical Nullish Assignment.
The Logical Nullish Assignment (x ??= y) operator only assigns if x is nullish (null or undefined).
The Nullish Coalescing Operator is evaluated left to right, it is tested for possible short-circuit evaluation using the following rule:
(some expression that is neither null nor undefined) ?? expr is short-circuit evaluated to the left-hand side expression if the left-hand side proves to be neither null nor undefined.
Short circuit means that the expr part above is not evaluated, hence any side effects of doing so do not take effect (e.g., if expr is a function call, the calling never takes place).
Logical nullish assignment short-circuits as well meaning that x ??= y is equivalent to:
x ?? (x = y);
And not equivalent to the following which would always perform an assignment:
x = x ?? y;
I explained this operator in more detail, on YouTube and Medium, wanna watch the video?⁣⁣⁣⁣ - Link in the bio 🔥⁣⁣⁣⁣ ⁣ Have any questions about web development?⁣⁣ - Ask away 💌⁣⁣ ⁣⁣ Wanna build a web app?⁣⁣ - Get in touch 👨‍💻⁣⁣ ⁣⁣ Want to support me in my journey?⁣⁣ - Leave a comment with good vibes.⁣⁣ - Tag a friend that might find my page @codingedgar interesting.⁣⁣ - Turn notifications to know when I publish new stuff.⁣⁣ - Destroy the like button. (both here and in YouTube, of course)⁣
#codingpics #learnhowtocode #webdevelop #softwarearchitect #softwaredev #opensourcesoftware #webdeveloperslife #programmingstudents #computerprogramming #fullstacklife #computersciencemajor #webdevelopmentagency #spain #germany #russia #finland #webdeisgn #softwareengineers #webdeveloperlife #poland #programmer #sweden #webdesignagency #learnprogramming #france #ukraine #learntocode #programmers #norway #javascriptbottcamp
  • Wanna know the story behind this video? 👇⁣ ⁣ I had problems with the audio in my last video, so I decided to put my headphones on, and do some audio monitoring while recording, which helped me a lot because I actually caught errors in my recording and could act accordingly.⁣ ⁣ However, my own voice distracted me so much that I ended up speaking really really slow, and it sounds weird like I'm having a stroke or something. 😞⁣ ⁣ I thought:⁣ Should I re-do the video?⁣ Should I try to edit the speed?⁣ ⁣ And I ended up doing neither!⁣ ⁣ If I re-do the video, I'll probably get so tyred that it will make a dent on my motivation and flow.⁣ ⁣ I believe that achieving proficiency is more about showing every day and learning from each opportunity, not getting stuck in trying to make everything perfect on the first try.⁣ ⁣ I tried to edit the speed, and couldn't come up with a good result.⁣ ⁣ Yet, while making this post, I discovered the right way to speed up the video maintaining my voice pitch, which if not done right, makes me sound like a Looney Tunes character.⁣ ⁣ So, I ended up with the regular video speed and added half a second funny notes on the video recommending using the speed-up of YouTube.⁣ ⁣ Would people notice? I don't know.⁣ Is the best I could do (technically speaking)? No.⁣ Is the best I could do for my process and goals? Yes, it is.⁣ ⁣ Wanna watch the video?⁣⁣⁣⁣ - Link in the bio 🔥⁣⁣⁣⁣ ⁣ Have any questions about web development?⁣⁣ - Ask away 💌⁣⁣ ⁣⁣ Wanna build a web app?⁣⁣ - Get in touch 👨‍💻⁣⁣ ⁣⁣ Want to support me in my journey?⁣⁣ - Leave a comment with good vibes.⁣⁣ - Tag a friend that might find my page interesting.⁣⁣ - Turn notifications to know when I publish new stuff.⁣⁣ - Destroy the like button. (both here and in YouTube, of course)⁣ ⁣ #stuttgart #leipzig #hamburg #array #computerscience #javascriptframework #javascriptsweden #softwareseveloper #dortmund #angular2 #frontenddeveloper #javascriptdev #javascriptengineer #fullstackdeveloper #thecodecrumbs #munich #webdeveloper #frontenddev #frankfurt #buildtheweb #javascriptlover #javascriptcode #webdev #fullstackdevelopers #dev #javascriptdevelopers #cologne #berlin #javascripts #typescript
  • 3 New JavaScript Operators that you can use today!⁣ ⁣ - Logical nullish assignment (??=)⁣ - Logical AND assignment (&&=)⁣ - Logical OR assignment ( =)⁣ ⁣ Do you want to see examples?⁣ - Check my in-depth blog post on the subject 🔖 (link in bio!) (or save this post to read it later)⁣ ⁣ Did you already used them or knew them?⁣ - Let me know your thoughts down below 💬⁣ ⁣ Have any questions about web development?⁣ - Ask away 💌⁣ ⁣ Wanna build a web app?⁣ - Get in touch 👨‍💻⁣ ⁣ Want to support me in my journey?⁣ - Leave a comment with good vibes.⁣ - Tag a friend you might find this account fascinating.⁣ - Turn notifications to know when I publish new stuff.⁣ - Destroy the like button.⁣ ⁣ #softwaredevelopers #frontendwebdeveloper #nodejsdeveloper #websitedeveloper #javascriptdevelopment #softwaredevelopment #fullstackdevelopment #javascriptprogramming #jsdev #webdevelopmentcompany #javascriptbook #denojs #es6 #javascripting #javascriptislife #webdevloper #javascriptlibraries #webdevelopment #studyjavascript #javascriptessentials #javascriptprogrammer #javascriptstrings #javascriptmastery #javascriptbootcamp #jseseries #javascripttips #javascriptindonesia #studystrings #instagramforprogrammers #javascriptbrasil
  • Have you ever used NativeScript?⁣ ⁣ There's a way to help them grow, link in my bio 🌱⁣ ⁣ If you have any questions about web development don't hesitate to drop it in the comments 👇⁣ ⁣ #codingtutorials #codingbootcamp #codinglife #codechallenge #programacion #mobileapplication #programmerlife #codingfun #girlswhocode #codingdays #programmingisfun #softwareengineer #coderlife #codingchallenge #codeismylife #swiftlang #programmingtips #codingisfun #developer #code #coding #learncoding #mobileapps #iosdev #softwareengineering #codingdad #developerspace #flutter #peoplewhocode #programminghacks
  • Do you use any of this libraries?⁣ ⁣ There's a way to help them grow, link in my bio 🌱⁣ ⁣ ⁣ If you have any questions about web development don't hesitate to drop it in the comments 👇⁣ ⁣ ⁣ #monogodb #sequalize #graphql #lodash #rxjs #expressjs #nativescript #webdevelopers #mobx #nextjs #mongodb #nosql #vscode #eslint #firebase #restapi #postgresql #materialui #mongoose #knexjs #reactredux #reactdev #nuxtjs #reactbootstrap #gatsbyjs #angular7 #reactreduxdeveloper #webapp #momentjs #jstutorial
  • Do you know Appium?
What about jQuery, NodeJS, Webpack or Electron?
📽 Link in bio for how to help them grow 🌱
If you have any questions about web development don't hesitate to drop it in the comments 👇




#frontendengineer #jquerymobile #mobiledeveloper #softwaredeveloper #csstricks #htmltemplate #html_css #gatsby #jquery #jsdeveloper #backenddev #webdeveloping #webappdevelopment #webpack #htmlcode #cssanimation #htmlcoding #webapps #backenddevelopment #js #postman #redux #redis #vanillajavascript #jshelpful #bootstrap4admin #reactjsacademy #curryandcode #programmerplus #babel
  • What is the OpenJS Foundation?
If you’ve never heard about the OpenJS Foundation, you probably have two questions in mind, let me answer those:
What is the purpose of the OpenJS Foundation?
-Promote the widespread adoption and development of key JavaScript solutions and related technologies.
And where did they come from? - 2006 jQuery is created. - 2009 jQuery Joins the Software Freedom Conservancy - 2012 jQuery Foundation, as an independent organization is formed. - 2016 Dojo Foundation merges with jQuery Foundation, later rebranding itself as JS Foundation, and becomes a Linux Foundation Program. - 2019 The Node.js Foundation merges with the JS Foundation to form OpenJS Foundation, to foster healthy growth of the JavaScript and web ecosystem as a whole.
📽 Link in bio for how to help them grow 🌱
If you have any questions about web development don't hesitate to drop it in the comments 👇


#angularjs #webprogramming #htmltutorial #learnjs #html #html5 #php #css3 #nodejs #learnsass #javascript30 #reactdeveloper #reactjsdeveloper #reactjsdevelopment #learnjavascript #css3code #wordpress #basicjavascript #bootstrap #learnjavascriptdeeply #learnjavascriptonline #basicsjavascript #javascript_love #vanillajs #vanillajsnow #vanillajsavascript #javascriptbeginner #frontenddeveloment #frontenddevlopers #learnjssafe
  • What is JavaScriptLandia?
Go Check my new YouTube Video to find out, link in the description 🔥
If you have any questions about web development don't hesitate to drop it in the comments 👇







#javascriptengineer #javascriptlearning #frontenddeveloper #fullstackdeveloper #ecmascript #javascripts #javascriptcode #css #javascript #webdev #angular #frontenddevelopment #angular2 #frontend #htmlcss #frontenddev #javascriptframework #typescript #reactjs #reactnative #javascriptdeveloper #webdeveloper #vuejs #javascriptdevelopers #javascriptdev #javascriptlover #reactjsframework #javascriptbasics #javascripttutorial #angular6
  • How to pronounce Compliant and what it means in tech
How to pronounce Compliant and what it means in tech.
Is English your second language?⁣ ⁣ I used to care too much about my pronunciation until I shifted to “try to pronounce perfectly” to “just communicate”.⁣ ⁣ Do you struggle with pronunciation too?⁣ ⁣ #apimanagement #apiintegration #nodejsdeveloper #devs #deno #denojs #100daysofcode #containerd #runk8s #aprendendodocker #ansible #raspberrypi #studyenglish #englishlearners #englishsecondlanguage #englishtips #everydayenglish #learningenglish #englishlearning #ingles #englishcourse #englishvocabulary #englishlesson #aprenderingles #englishclub #programador #ruby #backend #rubyonrails #rust
  • What is ContainerD?
Container what?⁣ ⁣ To check the full vid go to the link in bio! 🔥⁣ ⁣ #cicd #devops #openstack #tech #startupsgermany #cybersecurity #dockerdeveloper #sysadmin #cloudsolutions #cloudcomputingsystem #cloudcomputingservices #devopslife #dockerintroduction #cloudsolution #cloudinfrastructure #cloudapplications #cloudstorage #servercloud #cloudserver #networkinfrastructure #microservicearchitecture #itarchitecture #softwarearchitect #devopsday #devopscommunity #cloudcomputingsolution #opensourcesoftware #privatecloud #publiccloud #virtualmachine
  • I FINALLY UPLOADED MY FIRST YOUTUBE VIDEO⁣⁣⁣ ⁣⁣⁣ LINK IN BIO 🔥⁣⁣⁣ ⁣⁣⁣ ⁣⁣⁣ ⁣⁣⁣ ⁣⁣⁣ #softwaredev #programmingstudents #chaosengineering #googlecloud #javadeveloper #softwaredevelopers #buildtheweb #software #linuxmint #dev #scalability #cloudnative #softwareengineers #cloudcomputing #gcp #fullstackdevelopment #worldcode #softwarearchitecture #backenddeveloper #azure #kubernetes #technology #docker #unix #aws #linux #fullstack #webdevelopment #kubectl #cloudarchitecture⁣⁣⁣
  • How to draw a circle with html canvas?
If you want to see an in depth example go check my article: HTML Canvas is fire, link in bio.
#codingtutorials #learnjavascript #frontenddev #htmlandcss #codechallange #jsnerds #learnwebdev #reactjsdevelopment #reactjsdeveloper #learnreact #learnreactjs #webappdevelopment #reactjsdevelopers #webapplicationdeveloper #webapplicationdevelopers #frontendwebdeveloper #reactjsdevelopmentservices #frontenddevelopers #javascriptdev #javascriptframework #learnjs #reactdev #reacttutorials #reacttutorial #reactdevelopers #learnreactwithme #typescriptdeveloper #jsframeworks #typescriptdev #javascriptlover
  • How to make round line caps with canvas?
If you want to see an in depth example go check my article: HTML Canvas is fire, link in bio.
#frontendengineer #javascriptlearning #fullstackdeveloper #codesnippets #programmerlife #javascripts #computerprogramming #softwareengineer #csstricks #codingchallenge #html_css #learncoding #appdevelopment #css3code #codetips #htmlcssjs #learntoprogram #reactproject #jsnerd #html5games #visualstudiocode #javascriptdeveloper #learnprogramming #htmltutorial #javascriptgame #javascriptdevelopers #javascrptdevs #javascripttutorial #coding_gyan_ #reactdevelopment
  • How to draw lines with html canvas?
1.	Include an identifiable Canvas tag. 2.	Access the canvas as an HTML element. 3.	Get the 2d Context of the canvas. 4.	Being a new sub-path at the point specified by the given coordinates. 5.	Add a straight line to the current sub-path by connecting the sub-path last point to the specified coordinates. 6.	Stroke (outline) the given path. If you want to see an in depth example go check my article: HTML Canvas is fire, link in bio.
#htmlqueen #htmldesign #htmlifestyle #htmlbuilder #htmltemplate #htmlforbabies #css #html4 #htmlskills #html5game #frontenddevelopment #codingblog #htmlcss #htmldog #flexbox #frontendwebdevelopment #html5css3 #htmlcode #htmlcanvas #htmlcoding #html5validation #csscode #html #html5 #css3 #htmlheadings #htmlheading #html5tutorial #htmldevelopers #htmlcoin
  • 🅾🆇🅾 ¡estoy explorando tec! 🆇🅾🆇⁣ ⁣ Ve al link en mi bio para ver mi nuevo articulo sobre tres en raya, donde estoy explorando:⁣ ⁣ - React⁣ - TypeScript⁣ - XState⁣ - fp-ts⁣ - CSS Grid⁣ ⁣ ¿Quieres que explore alguna tecnología en particular? Déjame un DM 💌⁣ ⁣ #react #webdeveloper #learnprogramming #peoplewhocode #codingblog #softwareengineer #developerspace #frontend #webdev #html5 #webdevelopment #html #css3 #javascript #frontenddeveloper #typescript #learncoding #reactjs #reacttips #learntocode #backenddeveloper #fullstackdeveloper #htmlcoding #htmlcss #learncssgrid #cssgrid #reactdev #css #webapp #codetutorial
  • Tic Tac Toe: Part I
Hi there! . I’m doing a series trying every tech I can encounter with the simplest domain model ever: Tic Tac Toe. . Let me know if you want me to try any web tech! . . . #tictactoe #programming #programmingtutorials #programmingtutorial #codetutorial #codetutorials #webdeveloper #webdeveloper #webdevelopers #javascript #typescript #reactjs #kubernetes #svelte #angular #xstate #functionalprogramming #cssgrid #css3 #cssinjs #codebootcamp #codingcommunity #nodejs #npm #vscode
  • Why Model-Based Testing?⁣ ⁣ Well... Things change when we try to test systems instead of functions! ⁣ ⁣ Read more in my Medium article, link in bio ✨
#softwaretesting #softwaretestingtools #softwaretestingjobs #softwaretestingservices #softwaretestingtraining #softwaretestingautomation #softwaretestingengineer #softwaretestingcompany #testingsoftware #automatedtesting #softwareqa #softwareqa😍 #softwaredevelopers #softwaredevelopmentcompany
  • Arrow Function Expressions are great, they are the tiniest syntax for functions however they have bitten me when used in this place which happen much more frequently than one could expect.
Read more in my Medium article: You should never use an Arrow Function in any of these two situations, link in bio.
https://medium.com/javascript-in-plain-english/you-should-never-use-an-arrow-function-in-any-of-these-two-situations-8bc2fbbc39b8?source=friends_link&sk=84a09f1922dab0820b30e23db5303396 . . #daysofcode #cleancode #frontenddev #programacionweb #debugger #debugging #automationtesting #microservice #webdevelop #webdeveloping #webdeveloperslife #reactjsdeveloper #htmlcoding #htmlcss #webdevs #weprogrammers #frontenddevelopment #frontendwebdeveloper #desarrollador #androiddevelopment #comment_sense #programmerworld #androiddev #androidstudio #codinginspiration #programerrepublic #devs #mongodb #iosdev
  • Arrow Function Expressions are great, they are the tiniest syntax for functions however they have bitten me when used in this place which happen much more frequently than one could expect.
  • This is an explanation of the Instagram delivery algorithm to get a deeper understanding of the domain of our application. 👨‍💻 Did you knew macros of the Instagram delivery algorithm? Do you use any tools for instagram? 👨‍💻 #instagrammarketingtips #instagramtipsforbusiness #digitalmarketingservices #digitalmarketingstrategist #socialmedia101 #growyourbusinessonline #digitalmarketingtools #socialmediaconsulting #softwaredevelopers #javaprogramming #softwaretesting #codelife #codingproblems #programmingstudents #programminglanguages #stackoverflow #codeclique #peoplewhocode #beautyoftechnology #developerstuff #softwaredevelopment #onlinemarketingtips #socialmediastrategist #socialmediatip #socialmediaconsultant #socialmediamarketer #webdevelopers #worldcode #programmerslife💻 #reactjs
  • One reason to grow your audience⁣ 👨‍💻⁣ Would you join me in this journey of building and releasing an app?⁣ 👨‍💻⁣ #brandstorytelling #smallbizowners #contentstrategist #strategicmarketing #startupmarketing #onlinebranding #linkedinmarketing #businessconsultant #smallbiztips #creativepreneurs #techblogger #newtechnology #appdevelopment #techblog #technologytrends #techworld #techgadgets #technologynews #techies #techaddict #techinsider #techlovers #futuretechnology #appdeveloper #softwareengineering #devlife #fullstackdeveloper #devdiary #indiegamedeveloper #indiedeveloper⁣
  • In my upcoming videos I'm going to show you the rules of using hashtags properly, and every detail behind the application I'm making to automate the process of using the right hashtag on Instagram. 👨‍💻 📭 DM me at @codingedgar for programming consulting/questions⁣ 👨‍💻⁣ #brandmarketing #creativemarketing #digitalmarketingstrategy #marketingideas #marketingstrategies #contentstrategy #socialmediacontent #instamarketing #marketingtools #marketingadvice #techentrepreneur #instagramalgorithm #freelancetofreedom #growthstrategy #personalbrandingtips #instagramstrategy #socialmediagrowth #backenddeveloper #postgresql #nosql #dotnet #javascriptdeveloper #neo4j #codingfun #programmingisfun #webapplication #softwarearchitecture #mlearning #innovationhub #microservices
  • Photo shared by Edgar Rodríguez | Developer on January 18, 2020 tagging @javascript.js, @javascript.tips, @thecodercoder, @javascriptmastery, @afewminutesofcode, and @codingedgar. La imagen puede contener: texto que dice "**Code @CodingEdgai function animals function getName animal) return animals[ branching code like Yako catch TypeError: Cannot Yako })); branch and it property composing functions harder structure undefined model might function sanctuary' e.g) nimals the desired value function malName( Nothing; .pipe([ Just .Nothing; Just Just({ name: .pipe([ getDog), ])(S .Just({ Just Nothing .chain getDog) Nothing getAnima Name) Nothing 1)(S Just( Ooops".
  • I find videos hard to make, if you like this one let me know with a 👍 on the comments and the question at the end so I know if It was worth it 💪🔥 👨‍💻 #functionalprogramming #javascript #typescript #programming #csharp #objectorientedprogramming
  • Photo by Edgar Rodríguez | Developer on January 15, 2020. La imagen puede contener: texto que dice "Made with Find peace import as @CodingEdaar @CodingEdgar afety using Sanctuary built-in type-checking 'sanctuary' instead of this. actually (true) Invalid value errors when something something basic should FiniteNumber happen FiniteNumber // 1) true :: Boolean FiniteNumber // value position not member https: github. /sanctuar sanctuary def/tree/ information about the FiniteNumber 'FiniteNumber' 20 #FiniteNumber".
  • Photo shared by Edgar Rodríguez | Developer on January 14, 2020 tagging @codergallery, @developerspace, @codepower.io, @richwebdeveloper, @javascriptmastery, and @codingedgar. La imagen puede contener: texto que dice "Advice for programmers CODE A SINGLE PATH Made with by Edgar Rod at @CodingEdgar බല".
  • I changed a bit my #instagram #profilepicture and changed my username from @edgarrodriguezlang to @codingedgar, why?⁣ ⁣ My full name Edgar Rodríguez is long and used everywhere 😅⁣ ⁣ The “lang” was a reference for programming LANGuages for example used in #erlang or #golang programming languages.⁣ ⁣ Benefits of @codingedgar:⁣ ✅I like @codingedgar⁣ ✅Was available in every site⁣ ✅It’s more memorable ⁣ ⁣ I bought the domain codingedgar.com for a future website, future as in I’m working on it, and changed my other usernames for code-related accounts to codingedgar as well!
  • Some of your code is going to last a long time⁣ ⁣ It's going to be used by plenty of people⁣ ⁣ It's going to be looked at by many other programmers⁣ ⁣ And probably is going to teach a young padawan how to code⁣ ⁣ All of that without you being there⁣ ⁣ That's why I like to use tools that care as much as I do.⁣ ⁣ 📭 DM me at @edgarrodriguezlang for programming/testing questions/consulting⁣ 👨‍💻
  • Photo by Edgar Rodríguez | Developer on January 09, 2020. La imagen puede contener: texto que dice "Made with by @EdgarRodr iguezLang Ramda 'S Placeholder special value help something place argument provide later import from ramda' Normal const sum3 sum3(1, //=>6 Curried version const curriedSum .curry( sum3) Ramda curry let you even more lazy with arguments Placeholder (R.__) this is equivalent 3); 3)(1); 3)(1)(2); 3)(1, 3); curriedSum(1, curriedSum(R curriedSum(R curriedSum(R curriedSum( curriedSum(R curriedSum(R curriedSum(R. 2)(1)(3); 2)(1, 3); 2)(R.__, 3)(1); //=>6".
  • Some languages help you more than others to write well behaved code⁣ ⁣ Well behaved meaning code that does what you want⁣ ⁣ No one wants unexpected runtime errors⁣ ⁣ You need to manage the branches of your logic, specially when something can go wrong and what to do about it⁣ ⁣ So there are alternatives to this, I’ll present you 3⁣ ⁣ 1 Clauses: in case of JavaScript we would need to check stuff out to see it everything is ok, this is known as defensive code⁣ ⁣ 2 Static Type Checking: like TypeScript, there is a compiler that checks if types are sound, sound meaning everything makes sense⁣ ⁣ 3 Linters: linters help you check some of this: ⁣ - Are your clauses safe?⁣ - Are your dynamic and/or static types sound?⁣ - Are you following best practices?⁣ ⁣ What’s your preferred method to write safe code? ⁣ ⁣ 📭 DM me at @edgarrodriguezlang for programming/testing questions/consulting⁣ 👨‍💻⁣
  • Photo shared by Edgar Rodríguez | Developer on January 07, 2020 tagging @comment_sense, @developerspace, @codepower.io, @javascriptmastery, and @codingedgar. La imagen puede contener: texto que dice "Made with @Edgar iguezLang need flexibility with your function argument arguments Ramda's Curry function import R from 'ramda Normal function const sum3 sum3( 2, 3); a+b+c Manually curried const manualCurrySum manualCurrySum(1)(2)(3); Ramda curried const curriedSum curry( sum3) advantage of Ramda curry that arguments need be provided one at a time curriedSum(1)(2)(3); curriedSum(1)(2, 3); curriedSum(1, 2)(3); curriedSum(1 3); curriedSum(1 2, 3);".
  • Hiding complexity is one of those lessons that you need to exercise often 🧠⁣ ⁣ When you're building your tools you need to make the default use case obvious and simple as possible⁣ ⁣ The advanced use cases must be hidden, the advanced users will check them, and use them 💪 but the majority won't be overwhelmed by the upfront complexity⁣ ⁣ Ramda's placeholder is one amazing example of it, it has 2 hidden gems but it seems like a simple curry function, choose well designed tools 🎯⁣ ⁣ 📭 DM me at @edgarrodriguezlang for programming/testing questions/consulting⁣ 👨‍💻
  • Photo shared by Edgar Rodríguez | Developer on January 06, 2020 tagging @coding, @comment_sense, @developers_team, @codergallery, @developerspace, @lovecoders, @programming_bits, @richwebdeveloper, @javascriptmastery, and @codingedgar. La imagen puede contener: texto que dice "Compose @EdgarRod iguezLang Pipe format doubleSay (word: string) capitalize (word: string) (word: word this functions toUpperCas Instead function formatText word: string) substring 1); return exclaim formatText hello' "Hello, Hello!" Compose functions with pipe, true composi helper const ...f.s) variables are needed "pipe' and data flow ns.reduce((v function formatText2 word: string) return pipe( capitalize exclaim (word); formatText2 hello "Hello, Hello!"".
  • First real week of the year, remember to set your goals clear, and strive for more, all you set your mind to do, you will accomplish 🎯⁣⁣ ⁣⁣ Let me tell you a story about how to achieve goals, in this case, refactor a big project.⁣⁣ ⁣⁣ This big project had a big function that took more than 20 parameters and had thousand lines of code, but it was “the core” of the application, of course.⁣⁣ ⁣⁣ When I was refactoring this project I started by moving the function to a new file, that way all commits would be just changing this one file and the team would see this as a separate functions and not the root the main file 🙅‍♂️⁣⁣ ⁣⁣ My team and I tried to figure out how, if this big function is almost all the logic, is being called in so many times and with some many parameters, after narrowing down the main points where it should be called we found one issue⁣⁣ ⁣⁣ If the big function is only called in strategic places, the parameters are not there yet 🔥⁣⁣ ⁣⁣ There’s where Ramda’s curry helped me, if the function is curried, I could see the function as many small functions that needed one parameter o many but not all, that way I could steam-down the partially applied function instead of a bunch of variables that made no sense down the road 🧯⁣⁣ ⁣⁣ Later on, I started to take functionalities from the edges of the big function, as far from the roots as possible, this means some arguments are not needed in the big function anymore, but I couldn’t change the interface of the function just like that so I set to use the big function as a facade, keeping the interface intact 🍷⁣⁣ ⁣⁣ After weeks of working on refactoring this code we finally separated the concerns and the function was manageable, it would be possible to be that versatile without Ramda’s Curry 🍛⁣⁣ ⁣⁣ The bigger the project the hardest is to refactor, you need good tools ⚒️ that allow you to accomplish your mission through time, not every refactor is achievable in one day.⁣⁣ ⁣⁣ 📭 DM me at @edgarrodriguezlang for programming/testing questions/consulting.⁣⁣
  • Photo shared by Edgar Rodríguez | Developer on January 05, 2020 tagging @coding, @comment_sense, @developers_team, @codergallery, @javascript.tips, @developerspace, @lovecoders, @richwebdeveloper, @javascriptmastery, and @codingedgar. La imagen puede contener: texto que dice "EdgarRodr iguezLang Higher Order youwant transform the something else regardless the length. Instead function numbers: number[]) numbers .length; return function minimum number[]) (minimum undefined; <numbers length; undefined) else minimum umbers[i] numbers[i] return inimum; const specific currentNumber: reduce(sun minimum previousMin currentNumber; reduce( number)".
  • Clean code is the art of finding ways to express yourself while removing noise from your code 🍃⁣⁣ ⁣⁣ Yeah you read me right, it’s an art 🖋, because it’s for other humans 👥, it’s main purpose is express intent just like good art⁣⁣ ⁣⁣ But there’s a subtle difference in our craft, we are all about performance and efficiency ⚡️⁣⁣ ⁣⁣ Our solutions are equally expressive as efficient, we never trade performance 🙅‍♂️ and neither do #cleancode nor #functionalprogramming⁣⁣ ⁣⁣ Piping your functions it’s about performance as much as readability, simple yet powerful solutions found in every great architecture from Rome to Unix⁣⁣ ⁣⁣ Piping is the founding of mayor civilization feats, and we don’t have that natively in JavaScript... yet! But it’s coming, learn how to pipe like a pro and build your next application with strong millennial-proof concepts.⁣⁣ ⁣⁣ ⁣⁣ 📭 DM me at @edgarrodriguezlang for programming/testing questions/consulting.⁣⁣ ⁣⁣ #backend #programmingbits #learnprogramming #learncoding #learntocode #instalearning #freecodecamp #frontendengineer #codepeople #elearning #typescript #peoplewhocode #programmers #frontenddeveloper #womenwhocode #developerspace #backend #devlife #100daysofcode #softwaredevelopment #programmerlife #softwaredevelopment #softwareengineer #dev #opensource #softwareengineering #lovecoders#coder ⁣⁣ 👨‍💻⁣⁣
  • Photo shared by Edgar Rodríguez | Developer on January 04, 2020 tagging @coding, @comment_sense, @developers_team, @codergallery, @developerspace, @lovecoders, @programming_bits, @richwebdeveloper, @javascriptmastery, and @codingedgar. La imagen puede contener: texto que dice "Made with by @Edgar iguezLang Build specific functions small curried functions, check out one example: Curry this const multiply // this const multiply2 Make partial function const double multiply2(2); double(4) common use Let's curry const const compliment nounPhrase partial apply more (nounPhrase, subject) subject const compliment2 nounPhrase nounPhrase subject subject => const complimentWellDone compliment2( Well done' complimentwellDone( 'young Padawan' Well done, young Padawan! complimentWellDone( Ben' Well done, Ben!".
  • You need to iterate structures because algorithms right? 👨‍💻 So you use a “for/do/while” statement... everywhere. 👨‍💻 There’re higher abstractions, that hide the basics of a generic for ✏️ and become more expressive 🖋 👨‍💻 The big three are Map/Filter/Reduce 3️⃣ 👨‍💻 Here is an easy way to know when to use which: 👨‍💻 Map when you need to transform each element of the array to another type, keeping the length of the array. 👨‍💻 Filter when you need a subset of the whole array. 👨‍💻 Reduce when you want to transform the whole array to another type. 👨‍💻 📭 DM me at @edgarrodriguezlang for programming/testing questions/consulting. 👨‍💻 #programmingbits #learncoding #freecodecamp #learnprogramming #instalearning #learntocode #functionalprogramming #programmers #frontendengineer #codepeople #developerspace #typescript #peoplewhocode #100daysofcode #frontenddeveloper #softwaredevelopment #backend #devlife #opensource #softwaredevelopment #programmerlife #softwareengineering #softwareengineer #dev #coder #backend #lovecoders 👨‍💻
  • When I was starting I overthought every bit of code saying “that’s too ad-hoc, it’s not reusable, I’ll abstract that behavior”. 👨‍💻 I burned hours making code that no one will ever reuse into a weird parameterized version of it. 👨‍💻 Learning what to abstract and what not is key, a powerfully abstraction will save everybody’s time ⏰ and money 💰. 👨‍💻 But a useless one will make you deliver late and tired of thinking for nothing. 👨‍💻 Studying existing Higher Order Functions helps you to become a better programmer to seize when the opportunity for abstracting is right. 👨‍💻 📭 DM me at @edgarrodriguezlang for programming/testing questions/consulting. 👨‍💻 #programmingbits #learncoding #freecodecamp #learnprogramming #instalearning #learntocode #elearning #functionalprogramming #programmers #frontendengineer #codepeople #developerspace #typescript #peoplewhocode #100daysofcode #frontenddeveloper #womenwhocode #softwaredevelopment #backend #devlife #opensource #softwaredevelopment #programmerlife #softwareengineering #softwareengineer #dev #coder #backend #lovecoders 👨‍💻
  • One of the worst hits my productivity can take is when projects become always-crunch-time, when everything needs to be done yesterday and the teams just sacrifice design for speed. 👨‍💻 Once I spend AN ENTIRE YEAR of crunch-time, not healthy, my productivity was practically 0, and the whole code base looked like a monster, every single line from the whole team was ad-hoc solutions because we couldn’t afford time to design better. 👨‍💻 One day I said that’s enough! What are we doing? None of this makes any sense, we’ve decided not to invest the much needed time in best practices that make us more productive, to become a 0 value delivery team because we were too busy delivering instant client gratification. 👨‍💻 I sat down and started write reusable code! Code that’s generic enough that just needs to be partially applied to fit the use case. 👨‍💻 Invest YOUR TIME wisely, after spending the right amount making the screws and bolts of your code you can then assemble and build anything light speed ⚡️. 👨‍💻 FUCK CRUNCH TIME, BE A GOOD ENGINEER, YOU KNOW BETTER. 👨‍💻 📭 DM me at @edgarrodriguezlang for programming/testing questions/consulting. 👨‍💻 #programmingbits #learncoding #freecodecamp #learnprogramming #instalearning #learntocode #elearning #programmers #frontendengineer #frontenddeveloper #codepeople #womenwhocode  #typescript #vscode #peoplewhocode #100daysofcode #github  #frontenddeveloper  #reactjs #developerspace 👨‍💻
  • After a while programming and reading every example I could find of Design Patterns for Object Oriented Programming I still struggled with ephemeral code, whose only use was transform my own interfaces inside my code! 🤯 👨‍💻 Just a bunch of lines and HOURS loosed translating my own code . Why did I needed to translate myself? And how to avoid doing so? It seemed like there was no answer in OOP so I started looking somewhere else. 👨‍💻 Curry was the beginning of the answer, simplify, simplify, simplify the interface of everything, even the code I write for my other code 🧐 👨‍💻 Stay tuned to see the rest of my quest to become a better developer ✌️ 👨‍💻 📭 DM me at @edgarrodriguezlang for programming/testing questions/consulting. 👨‍💻 #programmingbits #learncoding #freecodecamp #learnprogramming #instalearning #learntocode #elearning #programmers #frontendengineer #codepeople #developerspace #typescript #vscode #peoplewhocode #100daysofcode #github #frontenddeveloper #frontenddeveloper #womenwhocode #reactjs 👨‍💻
  • The number one dirty code looks like one that uses auxiliary variables to put data from the result of one call function to another. 👨‍💻 Programming with auxiliary variables is not a good sign of a clean coders, you'll see that one person who abuses this (I mean besides using "var i" in for loops) will more often that not destroy your codebase with unreadable/unmaintainable/instant legacy code. 👨‍💻 Object Oriented Programming does not do a good job making obvious Function Composition for starters, it looks like every object must be modeled for its own needs and inheritance will solve it all, that is a BIG MISUNDERSTANDING. 👨‍💻 Rather than inheritance you should always strive for composition, i'm talking to you Joe, not all functions in our 5M lines codebase can inherit from the same "Base Class" 🙄
Engineer your functions, make them "ergonomic" to work with one another, make them fit one another without the need of a third variable. 👨‍💻 Some examples are the functions from Array.prototype, all compose beautifully, they just need one predicate and it's done, think about how Array.map and Array.filter work, they are easy to understand and easy to combine, strive for Good Function Design, and sooner than later, people will be looking at your code as a reference 👀 - 📭 DM me at @edgarrodriguezlang for programming/test questions/consulting. - #programmers #learncoding #learntocode #elearning #instalearning #learnprogramming #freecodecamp #programmingbits
  • Get to know Ramda Open Source JavaScript Library, it will save you tons of time ⏳ 👨‍💻 Stop repeating the same basic functions over and over 🙅‍♂️ 👩‍💻 Choose a toolkit library and choose well, Ramda is one of those whose design is going to make it easy for your to take the most out of your time. 👨‍💻 Disclaimer: Most of this text is Ramdas own home page, seriously go check it out https://ramdajs.com/ - 📭 DM me at @edgarrodriguezlang for programming/test questions/consulting - Front image by : @tracehudson_ - #learntocode #programming #typescript #web #webdev #webdeveloper #webdesign #javascript #websitedesign #programmers #devlife #programmerlife #frontenddeveloper #development #web #dev #code #vscode #coding #coder #webdevelopment #peoplewhocode #codepeople —
  • Photo by Edgar Rodríguez | Developer on December 29, 2019. La imagen puede contener: una o varias personas, texto que dice "REPEAT AFTER ME: WILL PROGRAM FOR MY OWN O DREAMS TOO @EDGARRODRIGUEZLANG Share the love".
  • X y última entrega de esta saga 🎄 Ya esta lista la app! 👨‍💻 Utilizar #cypressio para hacer pruebas fue entretenido y sin problemas, se nota que la herramienta ha madurado rápidamente, lo mismo va para #typescript, hace unos años no hubiese podido encontrar ni la mitad de los tipos que añadí ahora. 👩‍💻 Espero que te haya gustado el viaje 🚀 🧑‍💻 Escribeme un DM 📨 si tienes dudas o deseas realizar #pruebasautomatizadas en tu proyecto ✌️ 👨‍💻 #cleancode #programaciónfuncional #programacion #yocodeo #programacionweb #desarrolloweb #programadores #programando #desarrolladores #ingenieriainformatica #javascript 👩‍💻
  • Esta función es parte de una app pequeñita que estoy realizando, sígueme @edgarrodriguezlang para que veas el progreso 👀🔥 👨‍💻 En esta entrega te muestro cómo modelar la subida de un archivo con #xstate y subirlo efectivamente. 👩‍💻 LAS PRUEBAS Y LA FUNCIONALIDAD ESTAN LISTAS 🥳🥳 🧑‍💻 Tuve que abandonar un poco #typescript y programar con una sensación de #javascript debido a que el tipado de Google para browser es de la comunidad y no es 100% preciso. 👨‍💻 Ahora queda hacer más #cleancode este código, están muy esparcidos los pasos fundamentales de la app. 👩‍💻 ¿No les sorprende un poco la complejidad que puede esconder la #programacion de un simple botón? 🧑‍💻 Escribeme un DM 📨 si tienes dudas o deseas realizar #pruebasautomatizadas con #cypressio en tu proyecto ✌️
  • Esta función es parte de una app pequeñita que estoy realizando, sígueme @edgarrodriguezlang para que veas el progreso 👀🔥 👨‍💻 En esta entrega te muestro cómo subir un archivo con #cypressio 🤔 👩‍💻 Hay muchas formas de subir archivos y complejidades con #HTML, esta es solo una ☝️ solución a la configuración de Google Picker. 🧑‍💻 Escribeme un DM 📨 si tienes dudas o deseas realizar #pruebasautomatizadas en tu proyecto ✌️ 👨‍💻 #automatización #cleancode #programaciónfuncional #testdrivendevelopment #programacion #programación #yocodeo #programacionweb #desarrolloweb #programadores #programando #desarrolladores #ingenieriainformatica #typescript #javascript 👩‍💻
  • Esta función es parte de una app pequeñita que estoy realizando, sígueme @edgarrodriguezlang para que veas el progreso 👀🔥 👨‍💻 Cuando falla una prueba lo menos que quiero que suceda es que no me de información sobre dónde falló. 👩‍💻 La miel de las #pruebasautonatizadas esta en presentar información suficientemente precisa de la falla 🎯 que ayude a aislar el problema 🔍 🧑‍💻 Escribeme un DM 📨 si tienes dudas o deseas realizar pruebas automatizadas en tu proyecto ✌️ 👨‍💻 #automatización #cleancode #programaciónfuncional #testdrivendevelopment #programacion #programación #yocodeo #programacionweb #desarrolloweb #programadores #programando #desarrolladores #ingenieriainformatica 👩‍💻
  • Esta función es parte de una app pequeñita que estoy realizando, sígueme @edgarrodriguezlang para que veas el progreso 👀🔥 👨‍💻 Hay muchas opciones de búsqueda en Google Drive API, pero esta configuración es lo más básico que me funcionó. 👩‍💻 #automatización #cleancode #programaciónfuncional #pruebasautomatizadas #testdrivendevelopment #programacion #programación #yocodeo #programacionweb #desarrolloweb #programadores #programando #desarrolladores #ingenieriainformatica
  • Photo by Edgar Rodríguez | Developer in Santiago, Chile. La imagen puede contener: una o varias personas, personas de pie, teléfono, selfie e interior.
  • Esta función es parte de una app pequeñita que estoy realizando, sígueme @edgarrodriguezlang para que veas el progreso 👀🔥 👨‍💻 Gracias especiales a @yofr4nk y @hugo.rodriguezignacio por sus aportes 👌 👩‍💻 Supongo que se dieron cuenta de un pequeño efecto... ahora hay más código. 🧑‍💻 Esto es normal, cuando uno busca clean code el numero de lineas no es el asunto ❌ 👨‍💻 Pasas más tiempo leyendo código que escribiéndolo, por eso la legibilidad 👁 y reusabilidad ♻️ de tu código es mucho más valioso 🌟 👩‍💻 #cleancode busca alejarse de códigos cortos pero cripticos 👎 y se enfoca TU productividad como persona, el código tiene infinitas formas de optimizarse, no te preocupes. 🧑‍💻 Envíame un DM si tienes preguntas sobre o deseas hacer #pruebasatumatizadas #cleancode #cypressio #typescript 👨‍💻 #automatización #programaciónfuncional #programacion #programación #yocodeo #programacionweb #desarrolloweb #programadores #programando #desarrolladores #ingenieriainformatica #javascript 👩‍💻
  • Esta función es parte de una app pequeñita que estoy realizando, sígueme @edgarrodriguezlang para que veas el progreso 👀 👨‍💻 ¿Cómo harías para que esta función fuese más clean code? 👩‍💻 Explico esta función en mi publicación anterior por si quieres echarle un ojo 👁 🧑‍💻 #automatización #cleancode #programaciónfuncional #pruebasautomatizadas #programacion #programación #yocodeo #programacionweb #desarrolloweb #programadores #programando #desarrolladores #ingenieriainformatica #javascript #cypressio 👨‍💻
  • Estoy haciendo una app pequeña pequeñita, sígueme en @edgarrodriguezlang para que veas el progreso 👀 👨‍💻 En esta 7ta entrega puedo compartir algunas cosas: 👩‍💻 Este es mi proceso para tener toda la info que necesito en un solo vistazo 🧠 👨‍💻 Pensé en colocar la info que necesitaba en el botón, como la celda y el nombre del archivo que iba a subir, pero me pareció que iba a sobrecargar el pobre botón 👎 🧑‍💻 En algún momento pensé en mostrar la info como una alerta ⚠️ luego de apretar el botón y antes de subir la foto, pero si pudiera verlo de antemano como con el botón sería bueno 👌 👩‍💻 Lo que hice fue utilizar todo el espacio que tenía 🙌 iteré un par de veces y llegue a ese diseño sencillo de dos listas para no perder tanto espacio 🍃 👨‍💻 Como tenía la idea clara y ya tenia más destreza con #cypress y Google API me salió rápido el experimento, fue muy cómodo pensar en las #pruebasautomatizadas y luego #programar la funcionalidad en la app, aunque en ambas tuve que hacer varias iteraciones para que los rangos de consulta estuvieran a Google Spreadsheet API correctos 🎯 🧑‍💻 La primera imagen es parte de la lista de la información en #reactjs & #typescript. 👩‍💻 Y si, estoy consciente de que de que a la función de “addTokenToRandomCell le hace falta un poco de #cleancode 🤣 👨‍💻 #programaciónfuncional #programación #yocodeo #programacionweb #desarrolloweb #programadores #programando #desarrolladores #ingenieriainformatica #javascript #frontend
  • Estoy haciendo una app pequeña pequeñita, sígueme en @edgarrodriguezlang para que veas el progreso 👀 👨‍💻 En esta 6ta entrega puedo compartir algunas cosas: 👩‍💻 Hice pruebas con Google Picker. 👨‍💻 Que es el dialogo para interactuar de forma sencilla con archivos en servidores de Google, tiene muchas funcionalidades. 🧑‍💻 Lo reduje a lo mínimo que necesito, una pantalla donde subir archivos. 👩‍💻 Solo se necesita colocar el hash de la carpeta de Google Drive donde subir el archivo. 👨‍💻 Funciona como cosa de magia 🔮 🧑‍💻 #pruebasautomatizadas #cleancode #programaciónfuncional #pruebasautomatizadas #programacion #programación #yocodeo #programacionweb #desarrolloweb #programadores #programando #desarrolladores #ingenieriainformatica #reactj #typescript #javascript #cypressio
  • Estoy haciendo una app pequeña pequeñita, sígueme en @edgarrodriguezlang para que veas el progreso 👀 👨‍💻 En esta 5ta entrega puedo compartir algunas cosas: 👩‍💻 Cometí un grave error, hice algo muy complicado y lento de verificar si estaba correcto. 👨‍💻 De no haber hecho pruebas automatizadas, no le hubiese prestado atención a la complejidad, unos clicks de más y listo, igual cumplía con el “objetivo” 🤷‍♂️ 🧑‍💻 Luego de ver que la prueba no terminaba, dije, “no-no” piensa algo más sencillo, ¿que tal si en vez de navegar a la celda que quiero desde la app, pudiera subir la foto a la celda que tengo seleccionada en el Spreadsheet? 👩‍💻 La API no tiene un método para darme la celda activa, entonces pensé ¿y si escribo una palabra clave, que pueda buscar fácil? 👨‍💻 ESCRIBI “asdf” Y BUM 🤯, un botón que me diga en que celda esta eso para hacer un check visual antes de subir el archivo y listo! 🧑‍💻 La diferencia de darse tiempo para encontrar una mejor solución 👌 me hizo recordar la frase de Blaise Pascal “Si tuviera más tiempo, te habría escrito una carta más corta“ 🎯 👩‍💻 #pruebasautomatizadas #cleancode #programaciónfuncional #pruebasautomatizadas #programacion #programación #yocodeo #programacionweb #desarrolloweb #programadores #programando #desarrolladores #ingenieriainformatica #reactj #typescript #javascript #cypressio
  • Estoy haciendo una app pequeña pequeñita, sígueme en @edgarrodriguezlang para que veas el progreso 👀 👨‍💻 En esta 4ta entrega puedo compartir algunas cosas: 👩‍💻 Puedes activar #typescript en archivos #javascript ✅ 👨‍💻 Puedes agregar #typescript a #cypressio 😻 🧑‍💻 No todo es automatizable 🤷‍♂️ 👩‍💻 No pruebes la funcionalidad de etiquetas/atributos HTML 🚫 👨‍💻 Puedes seleccionar varios elementos a la vez con #jquery y hacer aserciones por cada uno en orden📝 🧑‍💻 #pruebasautomatizadas #cleancode #programaciónfuncional #pruebasautomatizadas #programacion #programación #yocodeo #programacionweb #desarrolloweb #programadores #programando #desarrolladores #ingenieriainformatica #reactjs
  • Estoy haciendo una app pequeña pequeñita, sígueme en @edgarrodriguezlang para que veas el progreso 👀 👨‍💻 La parte más difícil de las #pruebasautomatizadas es comenzar, hacer login y pensar en cómo diseñar para poder automatizar. 🧑‍💻 Luego de entender un poco el esquema de autenticación de gapi auth2, me encontré con el problema de ¿cómo evito navegar por el popup de Google? No quiero colocar mis claves en ninguna parte ni crearme una cuenta nueva 🤔 👩‍💻 Resulta que es hasta peligroso hacerlo, Google no lo permite 🚫 y tiene severas consecuencias si encuentra bots, ellos enfatizan que para eso se use su API ✅ 👨‍💻 La verdad me costo al rededor de 2 horas solo entender las alternativas de como usar la api de Google, y luego de probar varías de las que encontré documentadas, se me ocurrió este camino, lo escribí en 1 segundo, solo para descartarlo, pero funcionó 😹 🧑‍💻 Si se dan cuenta también pueden observar “GSE1..8” en el titulo de las pruebas, esa es la técnica que enseñé en mi publicación anterior (la del arroz), mediante vaya avanzando podrán ver otras bondades que trae esa técnica 👌 👩‍💻 Pueden observar en el video el query string del token, y como pruebo que aparezcan los botones de autenticar si no proveo el token, también hago skip de la prueba del “el botón de sign-out” porque para probarlo tendría que estar autenticado y ese flujo no lo automatizaré. 👨‍💻 #cleancode #programaciónfuncional #pruebasautomatizadas #testdrivendevelopment #programacion #programación #yocodeo #programacionweb #desarrolloweb #programadores #programando #desarrolladores #ingenieriainformatica #javascript #typescript
  • Antes de continuar con las #pruebasautomatizadas, quería adquirir un poco de conocimiento sobre como autenticar Google API en el browser ya que para las pruebas utilice la librería de #nodejs. 🧑‍💻 El código de ejemplo volvió a ser más 🍝 de lo que esperaba, así que de nuevo decidí dedicarle un poco de cariño y desenredar 🧶 👩‍💻 Por suerte ya tengo un poco de experiencia modelando con XState, así que esta vez fue rápido, solo era cuestión de tener la documentación a mano y ponerle. 👨‍💻 Me encanta XState, reemplazo por completo Redux para mi, una de las cosas que más me gusta es su buena integración con #typescript 👌 🧑‍💻 XState fue creado por @davidkpiano y anuncia en su readme “State machines and statecharts for the modern web” que lo podría traducir como “Máquinas de estado y grafos de estado para la web moderna”. 👩‍💻 Es decir, es una herramienta 🔧 para manejar estados, pero cuenta con estados finitos (ej: encendido, apagado), “grafos” que permiten que uno salte entre estados padres e hijos y un estado infinito como el que ya conocemos en Redux (el Store donde se almacena un objeto cualquiera). 👨‍💻 XState me parece una herramienta fundamental para hacer #programaciónfuncional y #cleancode en la web, organiza, vuelve todo legible y fácil de alterar, porque todo esta en su lugar (en un estado finito)🧹 🧑‍💻 #automatización #pruebasautomatizadas #testdrivendevelopment #programacion #programación #yocodeo #programacionweb #desarrolloweb #programadores #programando #desarrolladores #ingenieriainformatica
  • Photo by Edgar Rodríguez | Developer in Santiago, Chile. No hay ninguna descripción de la foto disponible..
  • Photo by Edgar Rodríguez | Developer in Santiago, Chile. La imagen puede contener: texto.
  • 5 palabras que deben representar tu repositorio 🙌 👨‍💻 🌸 Seiri, Organizado, no tienes obstáculos para colocar nuevo código. 🌸 Seiton, Sistematizado, el código está donde esperarías encontrarlo. 🌸Seiso, Aseado, todo el código qué está se utiliza, no hay código comentado o zombie. 🌸 Seiketsu, Estandarización, tienes establecidas todas las practicas para cómo mantener y agregar nuevo código 🌸Shitsuke, Disciplina, tienes disciplina para seguir las practicas establecidas. 👩‍💻 ¿Tu código no es así? No te preocupes y mantente atento 👀 de mi siguiente saga, donde te daré ejemplos de Clean Code. 👨‍💻 Créditos de fotos: Quang Nguyen Vinh, @ev25.4, Thom Holwerda @unsplash @pexels 👩‍💻 #automatización #programacion #programación #yocodeo #programacionweb #desarrolloweb #programadores #programando #desarrolladores #ingenieriainformatica #programaciónfuncional #cleancode
  • ¿Cómo terminar de sacarle el provecho a tus pruebas automatizadas? 👉 👨‍💻 En el bote estamos todos, a todas las areas le afecta la calidad del producto desde el mismo programador hasta el area de ventas, el primer paso para subir tu nivel de programador es hacer pruebas primero. Lo repetiré de nuevo, HACER LAS PRUEBAS. 👩‍💻 Para vencer el fricción de sentarte y hacer pruebas, tienes que dejar ir la mentalidad que tienes al programar una característica principal, no es igual, tienes que estar abierto a ver las cosas desde otra perspectiva y tienes que cultivar esa mentalidad. 👨‍💻 Vivien Ibironke Ibiyemi, tiene algo llamado “Mindset tool”(MT) que podría traducirlo como “Herramienta de Mentalidad”, las consiguió observando como los demás eran mejor que ella encontrando bugs, ella define algunas: 👩‍💻 🧠 MT de Usuario. 🧠 MT Ya probé. 🧠 MT de Lazy Tester. 🧠 MT Analítica. 🧠 MT de Pensamiento crítico. 🧠 MT de Curiosidad. 🧠 MT de Convicción de errores. 🧠 MT de Comunicador. 🧠 MT de Confianza, Empresarial. 🧠 MT Líder del equipo. 🧠 MT de Manejo de críticas y acusaciones. 🧠 MT de Manejo de la vergüenza. 👨‍💻 Cambiando su perspectiva, esta mejor preparada para afrontar la situación y ¿acaso ser un programador no es ver el mundo desde otra perspectiva completamente distinta? 👩‍💻 Etiqueta a un amigo (o empresa) que necesite este consejo 📦 👨‍💻 ¿Te gustaría que explicase las Herramientas de Mentalidad de Vivien? déjame un comentario 👇
Créditos de fotos: @brushgunz @yogendrasinghphotomedia @charlotablunarova @unsplash @pexels #qa #softwaretesting #qualityassurance #desarrolloweb #qaengineer #testautomation #qatesting #softwarequalityassurance #softwarequality #softwarebug #automatedtest #softwarequalityassurance #testautomationtools #testautomationtips #testautomationengineer #softwarequality
  • Otro método de testing para que le saques más provecho a tus tests 🙌. - Llegó un punto en el que necesitaba ser más robusto y probar casos tediosos, porque errores como no probar una combinación clásica de un string (string vacío por ejemplo), me causaba un bug en producción 🙄 o la diferencia entre un valor falsy o nil, las funciones a veces esperaban undefined, pero se comportaban mal con 0, false, null, {}, ‘’, [] 🤦‍♂️… - Se me ocurrió hacer mis propios matchers en Jest, pero era medio molesto repetirlos de proyecto en proyecto, ¿tal vez publicar un paquete?, hasta que descubrí esta maravilla ✨. - QUICKCHECK, inventado por Koen Claessen @koenclaessen y John Hughes, anuncia en su página “QuickCheck is a tool for testing Haskell programs automatically”, (QuickCheck es una herramienta para probar programas en Haskell automáticamente”. - Quick Check esta portado a muchos lenguajes de programación y creo que en #javascript y #typescript la mejor implementación es “fast-check” y la documentación esta 👌. Es decir, quick-check se encarga de generar datos (string vacío, extremadamente largo, con caracteres especiales, etc), la distribución de estos datos, estadísticos entenderán la importancia, y corre muchas veces la prueba con todos estos datos para asegurar que la función correctamente maneja esto.
Esto no solo significa que te ayuda a automatizar casos de prueba tediosos, sino que lo mas probable encuentre bugs que nunca pensaste que existían en tu código, tanto es así que las implementaciones de QuickCheck siempre se enorgullecen de encontrar errores en librerías altamente utilizadas (fast-check incluso encontró un bug en Jest 😳. ¿Qué piensas de este método 🤔? ¿lo conocías?
Créditos de fotos: @andreuuuw @marcusberlin @joshstyle @a2eorigins @unsplash @pexels @gitkraken @axosoft
#automatización #testing #tester #programacion #programación #yocodeo #programacionweb #desarrolloweb #programadores #programando #desarrolladores #ingenieriainformatica #programaciónfuncional
  • Un pequeño hack para sacarle mayor provecho a tus test ✨. - - - Video por @padrinan de @pexels
  • Photo by Edgar Rodríguez | Developer on November 21, 2019. La imagen puede contener: una o varias personas, anteojos, barba y primer plano.
  • ¡Convence a tu equipo de hacer TDD! ⏬ - Te ofrezco algunos argumentos para ayudarte en una de las misiones más importantes de hoy en día: - Convencer a tu equipo de que apuntar a la calidad de software es mejorar la productividad y calidad de vida de todas las áreas de la empresa. - ¿Has podido convencer a tu equipo de usar TDD? ¿Qué sientes sobre TDD? - Mandame un DM si tienes preguntas sobre TDD o te gustaría cubrir de pruebas tu producto. ¿POR QUÉ TDD? ¿CUÁL ES EL OBJETIVO DE UN/A PROGRAMADOR/A? 🤔 SOLUCIONAR PROBLEMAS 🎯 ¿Pero cómo sabes que tu solución es la correcta? 😕 Test Driven Development o Desarrollo Guiado por Pruebas en español, es un proceso de desarrollo de software, consiste en un corto ciclo de desarrollo: . 1 REQUERIMIENTOS SON CONVERTIDOS EN CASOS DE PRUEBAS MUY ESPECÍFICOS. . 2 ESTAS SE PROGRAMAN Y SE VERIFICA QUE FALLEN. . 3 LUEGO SE IMPLEMENTA EL CÓDIGO QUE HACE QUE LA PRUEBA PASE. . 4 Y POR ÚLTIMO SE REFACTORIZA EL CÓDIGO ESCRITO (para eliminar redundancias). . TDD ofrece más beneficios que solo evaluar que el #software esté correcto, te ayuda a: -DISEÑAR enfocándote en el caso de uso primero imaginando como va a ser usada tu solución. - ENFOCARTE en un pequeño objetivo (hacer que la prueba pase). - Y ERRADICA EL MIEDO DE HACER modificaciones futuras. ¿Te ha costado convencer a tu #equipoingeniero de utilizar tdd?
#programmin #programminglife #programmer #devlife #code #coding #engineer #softwareengineer #empresa #programacion #programmingart #learnprogramming #programmingbits #programación #debugging #errors #debugger #programbugs #yocodeo #itbusiness #functionalprogramming #nuncaparesdeaprender #programacionweb #programadorasweb
  • ¿Por qué siempre fijar las #versiones de tus dependencias en #nodejs ?. Por defecto las #dependencias en #nodejs se instalan con un mecanismo de actualizaciones automáticas si estas son menores o parches, esto es para tener lo antes posible #actualizaciones de #seguridad. . Sin embargo, esto puede obligarte a invertir horas en diagnosticar un #bug que parece salido de la nada, en medio de un momento critico. . Hoy puedes utilizar #bots en @github #gitlab #bitbucket, que generan automáticamente #pullrequest o #mergerequest con actualizaciones de dependencias, permitiendo que te enfoques en un problema a la vez. . ¿Qué opinas tú? ¿También prefieres fijar las versiones de tus dependencias? ¿Por qué? ¿Por qué no? Deja tu comentario 😉 . . #programacion #programación #nodejs #javascript