- 64
- 973 062
DevSage
United States
Приєднався 25 січ 2017
Learning should not have to be a struggle! DevSage features online Web Development and Programming tutorials presented simply and concisely. Learn here and become a better developer than you were yesterday!
Building an Unblockable Web Scraper with Proxies! | Node.js
🟢 Click here to create your OxyLabs account!
oxylabs.go2cloud.org/aff_c?offer_id=7&aff_id=824&url_id=14
🟢 Click here for the 'tsconfig.json'!
github.com/pkellz/lead-scraper/blob/master/tsconfig.json
❗Also, I forgot to demonstrate how to set a custom page limit via command line arguments!
You can run either of these, for example:
nodemon .\index.ts --pages 3
nodemon .\index.ts -p 3
oxylabs.go2cloud.org/aff_c?offer_id=7&aff_id=824&url_id=14
🟢 Click here for the 'tsconfig.json'!
github.com/pkellz/lead-scraper/blob/master/tsconfig.json
❗Also, I forgot to demonstrate how to set a custom page limit via command line arguments!
You can run either of these, for example:
nodemon .\index.ts --pages 3
nodemon .\index.ts -p 3
Переглядів: 2 736
Відео
Build an eCommerce Web Scraper with Node.js! (MERN)
Переглядів 3,7 тис.Рік тому
🟢 Click here to create your BrightData account brightdata.grsm.io/devsage 🌟GitHub Code The front-end React.js repo: github.com/pkellz/bright-data The backend Node.js/Express repo: github.com/pkellz/bright-data-server
Build React.js From Scratch | Course Preview
Переглядів 22 тис.Рік тому
🌟 Order Here! buildreactjs.io 👨💻 GitHub Starter Code! github.com/pkellz/sage-starter ⏰ Timestamps 0:00 - Intro 3:02 - Download starter code from GitHub 3:50 - Explore project structure 4:48 - Deconstructing JSX and React.createElement() 9:31 - Deconstructing React.render() 14:59 - Rewriting our own Sage.createElement() function 20:46 - Telling JSX to use our new Sage.createElement() function 2...
JavaScript Debouncing Explained Simply
Переглядів 8 тис.Рік тому
Debouncing is the process of preventing an event handler from triggering ("bouncing") too many times in a particular time window. 📚 Materials/References: Github: github.com/pkellz/devsage/tree/master/Debouncing 🌎 Find Me Here: Twitter: realDevSage Ebooks: payhip.com/devsage Discord: discord.gg/BP8wPv6raA Merch: cottonbureau.com/people/devsage
JavaScript Design Patterns #10 - Builder Pattern
Переглядів 12 тис.Рік тому
The builder design pattern is a creational pattern that enables you to construct complex objects simply and more declaratively. 📚 Materials/References: "Design Patterns Explained Simply" Ebook: payhip.com/b/MLtJ 🌎 Find Me Here: Twitter: realDevSage Ebooks: payhip.com/devsage Discord: discord.gg/BP8wPv6raA Merch: cottonbureau.com/people/devsage
JavaScript Closures Explained Simply
Переглядів 5 тис.2 роки тому
📚Materials/References: MDN Web Docs: developer.mozilla.org/en-US/docs/Web/JavaScript/Closures 🌎 Find Me Here: Twitter: realDevSage Discord: discord.gg/BP8wPv6raA Ebooks: payhip.com/devsage Merch: cottonbureau.com/people/devsage
JavaScript Form Validation Tutorial
Переглядів 3,1 тис.2 роки тому
Form validation is the process of ensuring that the data a user submits through a form is in the correct format and within the constraints set by the application. If the user enters data that is incorrect or missing, the form validation logic can prevent the form submission and prompt the user to correct the information. Form validation done via JavaScript on a web page is called 'client-side' ...
JavaScript this Keyword Explained Simply
Переглядів 13 тис.2 роки тому
In most cases, the value of 'this' is determined by how a function is called. 'this' usually refers to the object that is calling the current function. If a function, foo(), is called from the global scope ("foo()"), then 'this' will refer to the global object - the Window object. But if foo() is called from inside the scope of another object ("devsage.foo()"), then 'this' will refer to the obj...
Javascript Let & Const Explained Simply
Переглядів 4,1 тис.2 роки тому
'let' and 'const' are JavaScript keywords that were introduced in ES6 that allow you to declare variables that are limited to the scope of a block statement. The 'var' keyword, on the other hand, declares a variable globally or locally to an entire function. let and const are similar when it comes to scoping rules, but variables declared with const are read-only. const variables cannot be re-as...
Javascript Array reduce Explained
Переглядів 1,2 тис.2 роки тому
The reduce method executes a user-supplied "reducer" callback function on each element of an array, in order, passing in the return value from the calculation on the previous element. The final result of running the reducer across all elements of the array is a single value. 📚Materials/References: MDN Web Docs: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduc...
JavaScript Web Workers Explained
Переглядів 87 тис.2 роки тому
A Web Worker is a script that runs in a background threads, separate from the main thread. Web workers enable the browser to execute multiple threads of JavaScript in parallel with each other. The worker thread can perform tasks without interfering with the user interface. Once created, a worker can send messages to the JavaScript code that created it by posting messages to an event handler spe...
Build Your First Natural Language Processing App
Переглядів 9 тис.2 роки тому
AI Camp ai-camp.org/partner/devsage 🧡Github Code github.com/pkellz/past-tensifier 👕 Merch cottonbureau.com/people/devsage
ES6 Rest & Spread Explained Simply
Переглядів 1,1 тис.2 роки тому
👕 Merch cottonbureau.com/people/devsage
Javascript Design Patterns #9 - Retry Pattern
Переглядів 10 тис.2 роки тому
The retry design pattern enables an application to handle temporary failures when it tries to connect to a service or network resource. It does this by repeatedly retrying a failed operation. By retrying failed connections/requests, we can improve the overall stability of our application. 📚 Materials/References: GitHub Code: github.com/pkellz/devsage/blob/master/DesignPatterns/Retry.js "Design ...
Javascript Array filter Explained
Переглядів 1 тис.2 роки тому
🧡 Check out my "Explained Simply" blog - ".filter() Explained Simply" www.explainedsimply.io/javascript-filter-explained-simply/ 📕 Expand your JavaScript knowledge by downloading my latest e-books! payhip.com/DevSage Join me on Discord discord.gg/BP8wPv6raA 👕 DevSage T-Shirts cottonbureau.com/people/devsage
JavaScript Data Structures - Queues
Переглядів 2,1 тис.2 роки тому
JavaScript Data Structures - Queues
JavaScript Data Structures - Stacks
Переглядів 2,2 тис.2 роки тому
JavaScript Data Structures - Stacks
JavaScript Data Structures - Linked Lists
Переглядів 3,4 тис.2 роки тому
JavaScript Data Structures - Linked Lists
JavaScript Data Structures - Arrays
Переглядів 3,4 тис.2 роки тому
JavaScript Data Structures - Arrays
Javascript Polyfills Explained Simply
Переглядів 30 тис.2 роки тому
Javascript Polyfills Explained Simply
Javascript Utility Functions Explained Simply
Переглядів 5 тис.2 роки тому
Javascript Utility Functions Explained Simply
My Old Web Developer Portfolio vs New Portfolio
Переглядів 7552 роки тому
My Old Web Developer Portfolio vs New Portfolio
3 Tips for Landing a Web Developer Interview
Переглядів 2,3 тис.3 роки тому
3 Tips for Landing a Web Developer Interview
5 Tips to Increase Your Productivity as an Engineer
Переглядів 8403 роки тому
5 Tips to Increase Your Productivity as an Engineer
My Journey Into Web Development / Software Engineering
Переглядів 2,5 тис.3 роки тому
My Journey Into Web Development / Software Engineering
This pattern is brilliant! Thx for sharing!
This guy should be on Udemy.
Well explained. Thanks.
Pls more pattern
U taught it well 👏. But i would have to watch it again because i want it to get permanently saved in my brain's localStorage.
Excellent explanation
👏
'This' references to the object that calling the function. This simple sentence cleared my mind after reading a lot of stuff about 'this'. Your explanation is amazing!!
How about you have a "Conditional Statement" inside your element? Your code only works in basic element without conditional expression.
Nice explaination.
Hey man, could you create a chrome extension to automatically save liked facebook videos?
9:53 Could you just use an arrow function with the forEach method/function to solve the "this" problem?
man simply breaks this down like joshua did to the wall of jericho
Powerful bro
Dude, you're literally the only one who made it look easy. I didn't get recursion before but thanks to you now it's clear like a lake in Switzerland. Thank you very much!
Sino mga grp 1 dyan guys pakopya ng gawa nyo, wala kong naintindihan dito
Great explanation
Superb i will be great if you make video on throttling as well.
So for me it seems like the strategy pattern is kind of related to the abstract factory pattern, right? So fedex ups etc all would need to implement an interface or an abstract class that override or implement the method calculate and the strategy object shipping is controlling which one to call.
Nice tutorials! Good work. On a constructive note, there is only one flaw with your videos: The “intro music” is kinda wonky. I know it sounds petty, but just a marketing tip.
I love your explanation! This is real, LEGIT! It is easy-to-understand.
For Russian Matreshka doll, Like! ;)
I LOVED THAT.
Something on UA-cam has updated and it's not blocking ads. It doesn't block the video, but if I click the thing to go to their website, *then* it blocks.
Nice explanation
Thank You!!
what theme are you using?
This video is excellent. You’re a great teacher sir
blocking the money thirsty advertisers yes! I love it !
In this example where you have used Process constructor ? Just created and not used ? I got confused due to that.
I subscribed because i was able to understand "this"
Thank you so much, this video cleared it up for me so much!
You do not need a break if you return from each case in switch, right?
thanks
So good!!! What a great method to help people understand! Thanks!!!
nice!
Thanks man🥰🥰
Bro, that arrow function confused me while reading an article T - T. Thanks man!
hey dev thank you for this - also as a side point in the above example - there's a boundless array being populated right ? with like in each Element will be [{"Patrick" ,"Developer"}],[{"John","Tester"}] is that how the outputted array will look ?
Looks like more as singleton pattern..
Wow that was easy. Bro kinda Godly xD. Much appreciated.
I think the 'break' statement inside the switch cases is irrelevant because you have a return statement which also exists the switch.
best tutorial on "this" subject
Nicely done, thank you.
Another ad masked as a tutorial.
Amazing Explanation
january 2024. Google are assholes
This tutorial is very useful. Thank you😊
best video on this topic! ty.
I think this breaks the OCP It would be better to create an EmployeeFactory that returns a EmployeeType object in the then let the EmployeeType Class handle how users are created, that way you only have to modify the Employee Types not the Employee Factory