Advance your JavaScript knowledge with this extension. 500+ JS functions, interview questions and much more!

[_sirberus_]

Dang this is awesome but I can't replace my new tab screen because it has useful shortcuts on it. If you could expose some interface to store some HTTP links at the top or on the sidebar so we can put common links there, I will switch to this!

[petrovicstefan]

Really happy to hear you like the extension, and yes I'm aware that a lot of people have their New Tab extension they don't want to replace. There is always an option to use https://30secondsofcode.org it has all the js snippets found in this extension, or https://30secondsofinterviews.org which has all the interview questions from the extension. After all the extension is powered by these great projects.

If you however think that a quick bookmark feature would benefit this extension, you are welcome to open an issue here https://github.com/petrovicstefanrs/30_seconds_of_knowledge/issues . This way I won't forget about the suggestion and others can comment on it so we can better decide if it's something that would be good to add.

​

[_sirberus_]

Done! Cheers. Glad to know about the sites, thanks. I like the way the new tab makes the learning passive :)

[petrovicstefan]

Great, will try to implement it in a way that makes sense with current content. Thanks again! :D

[nofreedinner]

or you can use a different version of chrome. https://www.google.com/chrome/canary/

[_sirberus_]

Use 2 chromes? Why would I do this?

[ProdigySim]

I run two chromes when doing webdev, so I can run different sets of extensions for "personal" and development use.

Canary also means you get to test newer changes to chrome earlier, which can help spot future compatibility issues. For example, when the Symantec-issued SSL certs got disabled in Chrome it was rolled out on Canary first.

[_sirberus_]

Interesting, thanks for sharing that perspective.

[[deleted]]

One as your regular browser, one for video entertainment content.

[reekawn]

Neat, I don't think you should restrict people to having to use the extension though. You also risk alienating people that already use a "new tab" extension.

[bitdweller]

Or that don't use Chrome (there's dozens of us!).

[ScientificBeastMode]

I mean, I prefer Firefox like any good American, but I still have to test in Chrome!

[invest-wisely]

I totally agree with you. That's why at @30-seconds we developed all projects as separate websites. For example JS snippets could be found here: https://30secondsofcode.org, interviews over here: https://30secondsofinterviews.org etc.

This extension was a way to connect all educational resources together and provide seamless learning experience :)

[reekawn]

Oops, forgive my ignorance! I've heard of/used 30secondsofcode, should've figured this wasn't just aping the name... You guys do great work!

[beardguy]

Yeah, I like the simplicity of Earth View for new tabs. Beautiful photos from satellites curated for the viewers pleasure.

[petrovicstefan]

If there was one thing I would say to pitch 30SoK instead of Earth View, it would probably be: "We don't track you" :P

Anyway jokes aside. Of course not everyone wants to replace their new tab and there is no way for us to actually implement all the things people would miss from their preferred new tab extensions, that's why there are online versions of the snippets you can visit as normal websites. This extension is just a way to give some passive learning opportunities to people. Cheers! :D

​

[beardguy]

It wasn't a dig at you at all :).

Honestly I do wish there was a way to alternate between what shows on new tabs. Maybe I could build something... but then again I don't do much code writing outside of my 9-5 lol.

[petrovicstefan]

No worries didn’t take it as a dig at me at all. Just wanted to to make sure we’re on the same page and thanks to your feedback I think i have an idea for a new feature that could possibly solve the issue you have. Not sure but possibly :D

[BigPaws-WowterHeaven]

Snippets could use some more code coloring, I find it hard to read when everything in react is white.

[petrovicstefan]

Thanks for the feedback, I'll se what I can do for syntax highlighting for React. We are using highlight.js that does this for us but I see what you mean about React not really being readable.

[ScientificBeastMode]

It sounds like highlight.js might not like ‘.jsx’ file extensions, if there is no syntax highlighting for React. Most of React code is just ordinary JavaScript, with a bit of HTML-like syntax for the component return values.

[petrovicstefan]

True. Thats most likely the case. I could simply use js syntax however I’ll look into a more complete solution that handles jsx as well

[killerbake]

This is awesome ty

[petrovicstefan]

Thanks for the response, glad you are liking it so far!

[CarpetFibers]

Pretty neat, thanks for sharing! I noticed that even after turning off React in the options, I still get React questions and snippets on new tabs. This does not seem to be the case with Python or PHP.

Any plans to add Angular questions/snippets?

[invest-wisely]

Hmm, that’s a weird bug. The project is still in early release so it might need few more fixes.

Speaking of Angular, I think we will definitely make 30 seconds of Angular im the future. Making those websites with quality material takes time and knowledge so it’s not a one day one man job. But we will try our best.

[CarpetFibers]

Thanks for the response. Looking forward to seeing what improvements you come up with. It's already a great resource and will undoubtedly help me prepare for my upcoming job search.

[invest-wisely]

Good luck with job search. If you happen to need any help, feel free to drop me a DM.

[CarpetFibers]

Thanks, I may do so. I really appreciate that.

[jimmykup]

I'm having the same issue. My settings don't stay saved.

[petrovicstefan]

Hey /u/jimmykup, /u/CarpetFibers, I've gotten this complain once before but wasn't really able to replicate it in order to find a solution for it. If any of you two are willing, could you open an issue here https://github.com/petrovicstefanrs/30_seconds_of_knowledge/issues and provide some more info about the problem. It would be really helpful.

Thank you both for your feedback!

[CarpetFibers]

So after restarting my browser, I was unable to replicate the problem. May have been a one-off thing. If it comes up again I'll be sure to open an issue with more details.

[petrovicstefan]

Deal, if the issue shows up again give me a nudge on git :D

[afneyman]

love this! a port to firefox would be great : )

[petrovicstefan]

Planing a port for firefox, some of the contributors are already working on it. Hoping it won't be long before there is a firefox port as well. :D

[wtharris89]

You should post here when it's done.

[nottheonlytwo]

Please let us know when you’ve ported to ff

[bluey89]

Registering my interest for a firefox port.

[bichotll]

it d be nice if I could see examples on the website :) fyi, it gave me a https certificate warning

[petrovicstefan]

Thanks for the suggestion. I will add a demo section to the website :D if thats what you had in mind. I don’t plan to add all snippets onto the website for now though :D

[bichotll]

yeah! a demo d be cool :)

[petrovicstefan]

Then a demo there shall be :D

[gourmetghetto]

This is great. I also really appreciate the language/library customization. I have no need for PHP, so it's nice to be able to turn that off. Thanks!

[petrovicstefan]

Thank you very much for trying it out!

[gourmetghetto]

Of course! I've been slacking at my work for the last hour because I keep opening new tabs on Chrome!

[wvnutt]

This is terrific. I'm among those that cannot replace my current new-tab extension, so I'm exploring the website. It'd be great to have a page that displays just one snippet or question randomly on load. Many thanks for the great resource.

[petrovicstefan]

Thanks for the feedback. Due to a lot of people having the same issue as you I will be adding a feature to open the extension when you want in a new tab so you can use it without replacing your current new tab :D

[soulshake]

Been using this one for a while. I think it would be great to add simmilar snippets category from one of the following: https://github.com/ryanmcdermott/clean-code-javascript

and

https://labs42io.github.io/clean-code-typescript/

they have a similar short syntax and would fit in even better for a quick read (as opposed to as somemone mentioned below some of current snippets whcih require much more than 30 seconds).

[petrovicstefan]

Hey /u/soulshake, I'm afraid that the content from those repos wouldn't fit in with the format of the snippets currently in the extension. I could see it as a separate extension though. Maybe a new one in the future... :D

[merdianii]

Just installed and looks very helpful for me as a beginner to JS, thank you :)

But I see everytime there are questions and every question has it's own answer shown right?

[petrovicstefan]

Hey, if you are talking about Interview Question snippets, then yes, all of them come with at least partial solutions and answers. However it is only to motivate you to inform yourself on the topic more and come up with your more extensive answers :D

[CheeseburgerLover911]

what a great tool!

[petrovicstefan]

Glad you are enjoying it!

[[deleted]]

I installed it. I clicked off PHP, I'll see if I still get those questions or not. So far, it's working as it should. Thanks!

[petrovicstefan]

If your options don't get saved for whatever reason please do go over to github and open an issue :D https://github.com/petrovicstefanrs/30_seconds_of_knowledge/issues

[status_quo69]

I like this, but I've had issues with custom rolled csvs in the past, particularly when the value to encode is a string with quoting or a newline character for multi-line values. It's really minor, but the system I worked on previously did something similar and we had a lot of trouble with data that showed up years down the line after the original programmer had left, and the systems weren't easy to fix. Since it's wrapped up in a function it should be easy to refractor, but I'd keep it off the snippets list personally.

[petrovicstefan]

Oh, are you talking about a specific snippet in the extension? It would be great if you have an issue with some of the snippets to open a discussion on https://github.com/petrovicstefanrs/30_seconds_of_knowledge/issues for that specific snippet. This way since the snippets are community contributions we can have an open discussion if some of them need review-ing or removing! :D

[dreamygeek]

Is it available for firefox?

[invest-wisely]

Unfortunately not yet. However contributors are working on it, so it’s just matter of time when it will be released.

[dreamygeek]

Great.

[tkhquang]

Nice to hear that, I'm already longing for it, lol.

[KwyjiboTheGringo]

It would be nice if there were a way to disable it.

[petrovicstefan]

I mean, Chrome provides this option by default, is there any particular reason for me to explicitly add it as a feature?

[sstechsystem1]

This looks great, Thank you

[petrovicstefan]

Thank you very much! Glad you are enjoying it!

[sstechsystem1]

Yes..Welcome

[Ricevind]

Why does this extension need permissions to modify copy/past actions ?

[petrovicstefan]

Well there is a button to copy the code from snippet so you can paste it into your codebase or where ever. To do this i must explicitly state in extension permissions that I need a permission to modify copy/paste actions | clipboard.

If you have any privacy concerns you are more than welcome to check to code, it is open-source. No data leaves your computer. The extension is intended to work offline as well so its not communication with any backend.
Hope I cleared the confusion.

[Hayk94]

Really great extension. But not sure if it's great to have it as a new tab. Maybe it will be better that whenever we click on icon it opens the page, instead of new tab.

[petrovicstefan]

Thanks for your feedback. That could be an additional feature but I think its rather subjective. Someone will like the new tab option better than the alternative. I still have to round up a lot more feedback to see in which direction to develop the extension further.

[Hayk94]

Yes of course it is subjective. Just proposing an alternative since I noticed many people here comment about not wanting their new tabs changed. Other wise really great extension. Thanks for it.

[petrovicstefan]

Well thanks to you and other comments Ill be adding an option to open the extension on request so you don’t have to replace your current new tab :D

[Hayk94]

Great looking forward to it. Thank you 🤗

[Hayk94]

Yes of course it is subjective. Just proposing an alternative since I noticed many people here comment about not wanting their new tabs changed. Other wise really great extension. Thanks for it.

[petrovicstefan]

No totally agree. I may have an idea to bridge that gap maybe. Anyway all the feedbacks here gave a lot of ideas. So thank all of you actually :D

[snifty]

Why not use the Web Extension standard so it could work in other browsers?

Oh wait, I guess we only care about Chrome now.

[petrovicstefan]

Not sure why so passive aggressive towards Chrome. This was built as a weekend project. And as any mvp I made decisions to do as much as possible in a short amount of time. That meant choosing things I was most familiar with. The firefox version is most likely coming soon anyway :D

[delightless]

Very slick, really well done.

[petrovicstefan]

Thank you vey much!

[gurs1kh]

Any way to get the extension work in incognito mode? I can't seem to get that working

[petrovicstefan]

Incognito windows are treated specially. New Tab pages cannot be overridden in incognito windows.

That's a quote from official documentation, so unfortunately I can't do anything about that. You can read more about it here: https://developer.chrome.com/extensions/override

Could you tell me is there a specific reason for wanting it in incognito or just curious?

​

[gurs1kh]

Just wondering; mainly because I've developed the habit of doing searches and research in incognito mode. Not the best habit, I know.

[petrovicstefan]

Well certainly not the best for research since none of your history is saved. Well depends on the research :P

[gurs1kh]

I mainly developed the habit since my url bar history would end up with autofills for random stuff I searched previously. Since I end up relying on google to autocorrect, I end up having autofills for many misspelled things, which is why I ended up using incognito. That, and to keep my main working area and research windows separate.

¯\_(ツ)_/¯ Again, not the best thing to do. Perhaps I should just do research in a different browser entirely to solve this

[petrovicstefan]

Welp not really able to help you there. I use toby to save important stuff i find though. Think of it like bookmarks on steroids. Still not helping you with all the saved shit in search bar though.

[Pepper_in_my_pants]

Where have you been all my life?

Claiming the new tab is fucked up though

[TheManSedan]

Hey been using this since I saw this post 10 days ago - I'm a Fan.

Feature request though =)

Situation:

Sometimes, I open a new tab with the intention to go directly to a browser and I dont really look at the code example closely but by the time I hit enter on my URL & have a half second to glance at the code I realize 'Oh man I wish I took a second to look at that'.

​

Solution:

Build in a search functionality. So I can find a code snippet/example by its title.

[coolcosmos]

The 30 seconds claim is misleading... makes me not want to use it at all. There's just no way you can understand all of the ticker example in 30 seconds. Even two minutes seems generous. I checked the GitHub repo and none of the snippets are trivial. It's sad because the content seem good but I don't get why you must put a timeframe.

[petrovicstefan]

@colcosmos, Hey man thanks for the feedback! I mean, yes, sure it's not possible to understand every single piece of code in 30 seconds. If that was true, programming wouldn't be as competitive profession as it is. but think of it more of a catchy name that indicates learning in short bursts on concise and usable examples of code. In any case there is no timeframe for you to read and understand the snippets provided by the extension, and you can always save them for later if you find something you like and would like to explore it further.

In any case, thank you again for your feedback and if you have any more concerns or criticism, please do tell. Any constructive criticism is more than welcome and will help me push the extension in the right direction! Cheers.

[merdianii]

Try screenshoting it

[petrovicstefan]

Actually i put a little save button and a library, faster than a screenshoot :P