DevSage
DevSage
  • 64
  • 973 062
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
Переглядів: 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 Array map Explained
Переглядів 1,1 тис.2 роки тому
Javascript Array map Explained
JavaScript Data Structures - Sets
Переглядів 1,4 тис.2 роки тому
JavaScript Data Structures - Sets
JavaScript Data Structures - Queues
Переглядів 2,1 тис.2 роки тому
JavaScript Data Structures - Queues
JavaScript Data Structures - Stacks
Переглядів 2,2 тис.2 роки тому
JavaScript Data Structures - Stacks
Javascript Dynamic Property Names
Переглядів 4,1 тис.2 роки тому
Javascript Dynamic Property Names
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
TypeScript Tutorial #7 - Enums
Переглядів 8003 роки тому
TypeScript Tutorial #7 - Enums
TypeScript Tutorial #6 - Generics
Переглядів 1,3 тис.3 роки тому
TypeScript Tutorial #6 - Generics
My Journey Into Web Development / Software Engineering
Переглядів 2,5 тис.3 роки тому
My Journey Into Web Development / Software Engineering

КОМЕНТАРІ

  • @Shuyinz
    @Shuyinz 6 днів тому

    This pattern is brilliant! Thx for sharing!

  • @pauladeniyi5876
    @pauladeniyi5876 8 днів тому

    This guy should be on Udemy.

  • @pauladeniyi5876
    @pauladeniyi5876 8 днів тому

    Well explained. Thanks.

  • @Tony.Nguyen137
    @Tony.Nguyen137 9 днів тому

    Pls more pattern

  • @s-qc9ns
    @s-qc9ns 13 днів тому

    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.

  • @qznfrqznfrli2449
    @qznfrqznfrli2449 14 днів тому

    Excellent explanation

  • @tenebrae1191
    @tenebrae1191 15 днів тому

    👏

  • @gameXIII
    @gameXIII 19 днів тому

    '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!!

  • @mac.ignacio
    @mac.ignacio 25 днів тому

    How about you have a "Conditional Statement" inside your element? Your code only works in basic element without conditional expression.

  • @creed_forever
    @creed_forever Місяць тому

    Nice explaination.

  • @user-ez6dn5do9p
    @user-ez6dn5do9p Місяць тому

    Hey man, could you create a chrome extension to automatically save liked facebook videos?

  • @GrantH2606
    @GrantH2606 Місяць тому

    9:53 Could you just use an arrow function with the forEach method/function to solve the "this" problem?

  • @seunopeyemi8120
    @seunopeyemi8120 Місяць тому

    man simply breaks this down like joshua did to the wall of jericho

  • @user-le9dp5in1c
    @user-le9dp5in1c Місяць тому

    Powerful bro

  • @mismischchmischung
    @mismischchmischung 2 місяці тому

    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!

  • @debelenkurtrussellb.4967
    @debelenkurtrussellb.4967 2 місяці тому

    Sino mga grp 1 dyan guys pakopya ng gawa nyo, wala kong naintindihan dito

  • @VaurionX
    @VaurionX 2 місяці тому

    Great explanation

  • @NareshKushwaha-rp7rh
    @NareshKushwaha-rp7rh 2 місяці тому

    Superb i will be great if you make video on throttling as well.

  • @martapfahl940
    @martapfahl940 2 місяці тому

    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.

  • @anothername2730
    @anothername2730 2 місяці тому

    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.

  • @MohamadAliCalanda
    @MohamadAliCalanda 2 місяці тому

    I love your explanation! This is real, LEGIT! It is easy-to-understand.

  • @8020Coding
    @8020Coding 2 місяці тому

    For Russian Matreshka doll, Like! ;)

  • @camilotello3296
    @camilotello3296 3 місяці тому

    I LOVED THAT.

  • @myithspa25
    @myithspa25 3 місяці тому

    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.

  • @user-yj1jj9gp7z
    @user-yj1jj9gp7z 3 місяці тому

    Nice explanation

  • @imGoodForThat
    @imGoodForThat 3 місяці тому

    Thank You!!

  • @danielfrimu1996
    @danielfrimu1996 3 місяці тому

    what theme are you using?

  • @holliegolitely6245
    @holliegolitely6245 3 місяці тому

    This video is excellent. You’re a great teacher sir

  • @amuga_1
    @amuga_1 3 місяці тому

    blocking the money thirsty advertisers yes! I love it !

  • @RahulKumar-fz2cg
    @RahulKumar-fz2cg 3 місяці тому

    In this example where you have used Process constructor ? Just created and not used ? I got confused due to that.

  • @KennehGebra-cf9ds
    @KennehGebra-cf9ds 3 місяці тому

    I subscribed because i was able to understand "this"

  • @patrickmcauliffe2822
    @patrickmcauliffe2822 3 місяці тому

    Thank you so much, this video cleared it up for me so much!

  • @janguardian
    @janguardian 3 місяці тому

    You do not need a break if you return from each case in switch, right?

  • @mdasifullah9809
    @mdasifullah9809 3 місяці тому

    thanks

  • @danielhayes4782
    @danielhayes4782 3 місяці тому

    So good!!! What a great method to help people understand! Thanks!!!

  • @27sosite73
    @27sosite73 3 місяці тому

    nice!

  • @ExmuslimHafiz
    @ExmuslimHafiz 3 місяці тому

    Thanks man🥰🥰

  • @trevorjamesconsideracion1982
    @trevorjamesconsideracion1982 3 місяці тому

    Bro, that arrow function confused me while reading an article T - T. Thanks man!

  • @DevLearn-lv7nr
    @DevLearn-lv7nr 3 місяці тому

    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 ?

  • @TheArmanist
    @TheArmanist 3 місяці тому

    Looks like more as singleton pattern..

  • @GawdTy
    @GawdTy 3 місяці тому

    Wow that was easy. Bro kinda Godly xD. Much appreciated.

  • @alphacentauri8035
    @alphacentauri8035 3 місяці тому

    I think the 'break' statement inside the switch cases is irrelevant because you have a return statement which also exists the switch.

  • @shivamthemas
    @shivamthemas 3 місяці тому

    best tutorial on "this" subject

  • @richochet
    @richochet 3 місяці тому

    Nicely done, thank you.

  • @maskedvillainai
    @maskedvillainai 4 місяці тому

    Another ad masked as a tutorial.

  • @hassaan-dev
    @hassaan-dev 4 місяці тому

    Amazing Explanation

  • @andyflight2506
    @andyflight2506 4 місяці тому

    january 2024. Google are assholes

  • @johny962
    @johny962 4 місяці тому

    This tutorial is very useful. Thank you😊

  • @taheraalam5156
    @taheraalam5156 4 місяці тому

    best video on this topic! ty.

  • @abdulkadirbala2339
    @abdulkadirbala2339 4 місяці тому

    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