![DevSage](/img/default-banner.jpg)
- Видео 68
- Просмотров 1 013 720
DevSage
США
Добавлен 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!
Batch Processing Large Arrays using Generators
If you need to process very large collections of data, instead of processing each item sequentially you could process the items in batches/chunks. In this video, we create a handy generator helper function that can chunk collections of arbitrary length.
🌎 Find Me Here:
GitHub: github.com/pkellz
Twitter: realDevSage
Ebooks: payhip.com/devsage
Discord: discord.gg/BP8wPv6raA
🌎 Find Me Here:
GitHub: github.com/pkellz
Twitter: realDevSage
Ebooks: payhip.com/devsage
Discord: discord.gg/BP8wPv6raA
Просмотров: 426
Видео
JSON Web Tokens (JWT) Explained in 15 Minutes
Просмотров 2292 месяца назад
JSON Web Token is either a) the standard that defines a URL-safe way to pass claims between 2 parties or b) the token string that contains the claim data. 📚 Materials/References: More information about JWT: jwt.io/introduction 🌎 Find Me Here: Twitter: realDevSage Ebooks: payhip.com/devsage Discord: discord.gg/BP8wPv6raA JSON Web Token icon by Icons8: icons8.com/icon/rHpveptSuwDz/jso...
Building an Unblockable Web Scraper with Proxies! | Node.js
Просмотров 3,3 тыс.Год назад
🟢 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
Build an eCommerce Web Scraper with Node.js! (MERN)
Просмотров 4,1 тыс.Год назад
🟢 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
Просмотров 23 тыс.2 года назад
🌟 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 тыс.2 года назад
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 тыс.2 года назад
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
Просмотров 6 тыс.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
Просмотров 14 тыс.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,3 тыс.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,3 тыс.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
Просмотров 93 тыс.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 года назад
Build Your First Natural Language Processing App
Javascript Design Patterns #9 - Retry Pattern
Просмотров 10 тыс.2 года назад
Javascript Design Patterns #9 - Retry Pattern
JavaScript Data Structures - Queues
Просмотров 2,1 тыс.3 года назад
JavaScript Data Structures - Queues
JavaScript Data Structures - Stacks
Просмотров 2,3 тыс.3 года назад
JavaScript Data Structures - Stacks
JavaScript Data Structures - Linked Lists
Просмотров 3,5 тыс.3 года назад
JavaScript Data Structures - Linked Lists
JavaScript Data Structures - Arrays
Просмотров 3,5 тыс.3 года назад
JavaScript Data Structures - Arrays
Javascript Polyfills Explained Simply
Просмотров 32 тыс.3 года назад
Javascript Polyfills Explained Simply
Javascript Utility Functions Explained Simply
Просмотров 5 тыс.3 года назад
Javascript Utility Functions Explained Simply
My Old Web Developer Portfolio vs New Portfolio
Просмотров 7663 года назад
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
Просмотров 8493 года назад
5 Tips to Increase Your Productivity as an Engineer
Very very awesome demonstration, straight to the point.thank you so much.
Thank you this is very helpful. I do have one question... How did you get that to run in vscode?
Ah, I just noticed you are using nodemon... I got it thank you. This is VERY helpful. :)
Isn't it just a variation of a Proxy one?
best recursion explanation especially the bubble up part
function factorial(n) { console.log(`Entering factorial with n = ${n}`); if (n === 0) { console.log(`Returning 1 for factorial(${n})`); return 1; } let result = n * factorial(n - 1); console.log(`Returning ${result} for factorial(${n})`); return result; } let response = factorial(5); console.log('Final result:', response); // This should log 120 I don't understand its execution
hello I had an idea for a chrome extension and I would like you to tell me what you think of it
You can probably get this functionality in far less code using a Proxy
thanks
I am okey with this topic but, i have a question. When i use this keyword on a object literal like 'fullName : this' it says it is a global object and this kind of little things confuses me. Thank you.
const i === [''don't'', ''care''];
So that means Abstract Factory is when we don’t want to modify the values from outside the function using object creation?
I love you
why you have such disgusting intro music
and the best man award goes to...
Great explication, Thanks.
Brilliant explanation ❤wow
I was about to cry trying to understand merge sort until I found this video. Thanks for the explanation; it's probably one of the best explanations about recursive functions out there.
It does resembles decorator pattern.
Isn't that same as Facade?
HOLL UP ON THAT INTRO 🔥
nice
🔥🔥🔥
Thanks for this 💯🚀
Thank you for your explanation about the factorial, love it
Спасибо!
the best to ever do it!
Is this where stale state comes into play ?
you are awesome, keep going!
Better to have async examples ❤
Thank you! I've been so confused on recursive functions for so long
You're welcome!
Thanks for sharing, you explained very well.
Glad it was helpful!
Hey, nicely explained tutorial but it was missing information about build in option to create getters and setters for properties. Using the example from your video instead of defining `getName()` we could create getter with following syntax: `get name() { return this.name } ` Now when we call `devsage.name` it will invoke our getter. Same thing goes for setter: `set name(providedName: string) { this.name = providedName }`
Yes, you are right
I just got into this video and I am curious about one thing. Why is this strategy pattern useful if you can easily get the value you are interested in like this : let shipping = fedex.calculate(package); and change it whether you need it or not to any other function. The strategy implies more code to be written and you already have the answer in the objects stored above ( aka, Fedex, UP... )
Not aggressive comment im just newbe ㅠㅠ this look like website blocker am i got it right?
It's a network request blocker.
toShtring? Why do people do that??
Why people use .toString()? Typically they use it to get the string representation of an object or primitive type, hence the name.
Best recursion explanation🦾
Best video on Debouncing 💥💥
Appreciate it!
That's just macros with additional hoops to an old fart like me 😅
So...?
Just a quirky piece of JavaScript I thought I'd share
Amazing explanation, much more concise than articles I've read.
Glad it helped!
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.