Code Monkey home page Code Monkey logo

30_seconds_of_knowledge's Introduction






Made with:    for           


Download

Google Chrome

Firefox

Brave

Edge

Arc


Description

Gain new developer skills every time you open a New Tab! You can choose from 14 snippet libraries (13 Programming languages and Interview Questions). All you need is 30 seconds to read and understand the snippets and improve your knowledge.


Stack

  • React
  • Web Extensions API

Available Snippet Libraries

  • Interview
  • Javascript
  • HTML
  • CSS
  • React
  • PHP
  • Python
  • C#
  • C++
  • Git
  • Dart
  • Go
  • Ruby
  • Ramda

Change Log

MVP Phase:

  • Finish MVP (Chrome only)
  • Temporary Landing Page
  • Publish to Product Hunt
  • Soft Release MVP

V1.0.0 Phase:

  • Light/Dark Themes - Feature
  • Donation Options - Feature
  • Save/Favourite - Feature
  • Release v1.0.0

V1.1.0 Phase:

  • Update Existing Snippets - Maintenance
  • Customizable Font Size - Feature
  • More Snippet Languages - Added Ruby
  • Release Official Website
  • Mailing/Newsletter List
  • Social Media Coverage | Facebook, LinkedIn, Instagram, Twitter
  • Merch Shop
  • Privacy Policy & TOS
  • Redesign and UX polishing
  • Write Documentation for Contributors (Wiki)
  • Port to Firefox
  • Release v1.1.0

V1.2.0 Phase:

  • Update Existing Snippets - Maintenance
  • Blacklist Snippets - Feature
  • Snippet Languages - Added Ramda
  • Snippet Languages - Added C++
  • Release v1.2.0

V2.0.0 Phase:

  • Extension Redesigned - Maintenance
  • Rewritten to use React Hooks - Maintenance
  • Rewritten to use Extension Manifest V3 - Maintenance
  • Update Existing Snippets - Maintenance
  • Snippet Languages - Added HTML
  • Snippet Languages - Added C#
  • Snippet Languages - Added Dart
  • Snippet Languages - Added Git
  • Snippet Languages - Added Go
  • Browser Support - Fixed Firefox
  • Browser Support - Added Brave
  • Browser Support - Added Opera
  • Browser Support - Added Edge
  • Added All Snippets Page - Feature
  • Removed Blacklist Snippets - Feature
  • Renamed Saved Snippets to Favourites - Feature
  • Release v2.0.0

Constant Work:

  • More Snippet Languages - Feature
  • Update Existing Snippets - Maintenance
  • Update Wiki

Snippet Issues

Most of the snippets are provided by other great open-source projects on which this extension is dependent. If you find a bug, a typo, or any other issue in the snippet please open an Issue in the source repo, or make a PR in the source repo. This way the extension snippets will be updated with the subsequent release of the extension.

List of source repos:


Attributions

Inspired by the phenomenal 30 seconds of code made by Angelos Chalaris - Go and give the original project some love!

30_seconds_of_knowledge's People

Contributors

anubhavsrivastava avatar chalarangelo avatar dependabot[bot] avatar hunghw avatar lanfeust23 avatar petrovicstefanrs avatar shanrauf avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

30_seconds_of_knowledge's Issues

PHP - variadicFunction

Hi,
variadicFunction in PHP has quite wrong description and example. Variadic function is a function of any number of arguments. Not one argument of any length. So the code should look like:

function variadicFunction(...$operands)
{
    $sum = 0;
    foreach($operands as $singleOperand) {
        $sum += $singleOperand;
    }
    return $sum;
}

and an example:

variadicFunction(1, 2); // 3
variadicFunction(1, 2, 3, 4); // 10

Review Ruby Snippets

#12 Ruby Snippets

@florianjosefreheis, Hey man, I'm opening this issue to let you and others know that some review of the ruby snippets is needed.

I'm not a Ruby dev, so I can't do it but if you could find some more ruby devs that could review the snippets, and if anyone else contributing here can help with this, it would be great!

I want to be sure that, what we will be pushing to production soon, is reviewed, properly formatted and written.

Feature: Toggle saved snippets

How about adding a toggle in the options panel that would hide items that you've already saved--so that you're always seeing fresh content? Thank you (great extension, btw!)

Get same example when you click back in browser history

It has happened several times that I've open a new tab and just written an address and hit Enter. And sometimes I get a look at the headline of the example and it has been interesting. However, if I want to go back to see it more clearly I can't since it always refreshes the examples.

So a neat feature would be that it would remember what question it was.
Or to be able to see a history of the latest x examples somewhere.

Feature request: Safari Extension

I love 30 seconds of knowledge. I recently switched from Chrome to Safari. Is it possible to also release Safari extension in future release?

Saved snippet into Chrome Account

It would be a good idea to save the "Saved Snippets" in the Chrome Account settings to have the same fragments on any computer that uses the same Chrome Account. I write this because I have a PC in my work but sometimes I work at home with my laptop and I don't have the same snippets on both computers.

This is a great extension. Thanks!!!

New Langage Library: Go

I would like to add new snippets about Go language. I would like to create a repo in the same way how it's already implemented for Python or C++ but need @petrovicstefanrs approval.

Content area is too small in a <600px viewport

The content area is squished in a <600px viewport.
Is there any particular reason setting the width for sok-NewTab-contentContainer using 100vw - 480px?
Instead of that we can try using percentage width and paddings around sok-NewTab-contentContainer.

New Langage Library: Kotlin

I saw there's an unofficial 30 seconds of kotlin, and since I'm an android dev I'd like to see that added to this super cool extension.

https://github.com/IvanMwiruki/30-seconds-of-kotlin

I'm not sure how hard it will be to include something like that in this plugin, but if you can point me to a where I can learn how to contribute new snippets I'd be happy to give it a whirl

Please add jQuery snippets

Dear @petrovicstefanrs

Can you please add jQuery snippets. It is something I’m currently learning and trying to get better at. I think that more users are interested in this.

Examples that you can add; Smooth scrolling, Form validation.

Typo on landing page

Become a better Developer, one New Tab at a time.
Get a random code snippet, from 6 availabe categories,
- that you can read and understand in 30 seconds of less...
+ that you can read and understand in 30 seconds or less...

Interested in using Laravel/Vue Snippits?

Hello,

My name is Zac. I have been developing in Laravel and Vue for my current job and in my free time. I absolutely love this extension and think it's such a unique concept. I would like to begin my journey into contributing to open-source projects and I think I found the one. I would like to help and add code snippits of Laravel and Vue functionality. Would either of these frameworks be considered?

Best,
Zac Zajdel

Add a timer for next time to show a tip

As a developer, you usually open many tabs in a short period of time, so you can't always read all the tips. Actually, I did try but sometimes I ended forgetting what I was about to do. So, it would be awesome if I can set a timer for when I want the next tip to appear

Cheers!

Add enkidevs curriculum

Enki is a very good mobile app, similar in the idea to 30 seconds of knowledge - you learn a new API for a couple of minutes each day. Their curriculum is open-sourced here: https://github.com/enkidevs/curriculum. A good idea would be to merge the content here to expand the range of covered topics.

Doesn't display after browser restart

The icon is still visible in the toolbar. The options to show in incognito mode are selected, however, the extension does not come up when I open a new tab. It does continue to work outside of incognito mode.

add a timer

knowledge is too attract me, I want to add a timer to make me focus on work when I work, and study when I relax

Typo in Collapse (React) snippet

In the description of the Collapse snippet (React), we can read "Use the React.setState() hook" when it should be "Use the React.useState() hook"

Screen Shot 2019-04-03 at 13 28 22

Could we add an installation and getting started guide?

I have been trying to set up the project in order to create content or introduce fixes but I'm getting many errors using only the npm install and start so I'm wondering if there is a possibility of creating an installation and getting started guide that explains this process?

Blacklisting snippets

Hey, it would be really cool if there was the ability to blacklist snippets you're not interested in. Things that perhaps you already know, etc.

Feature: Screen Saver Mode

I had an idea, maybe there should be an option on the configs, where you setup a time in seconds and every x seconds the tip on the page would be replaced by a new one. Like an ever changing and never ending stream of tips. By default it should be deactivated maybe, and if you want then you can turn it on. Anyway, just a suggestion, if you think it's a good idea I can implement it.

Is there any public API to manipulate the data set?

Hello,

The idea behind this project is kind of cute and is appreciated by developers. I installed the Chrome extension a few months back and now I'm curious to know if there's a public API to be able to do CRUD operations (without DELETE 😀) on the data set the extension using. I think it would be nice to have something like that and even if you're not interested in the idea that much to implement it yourself, or if you're busy and looking for a person to do the job, I'm in.

Filter for specific topics on Interview Questions

Nowadays, the extension allows you to filter out questions on topics like JS, Python or React and also for Interview Questions. But it does not discard questions on those topics to appear as an Interview Question.

For example, if someone is interested in learning Python (:raising_hand_man:) and Interview Questions about Python, even though she discards JS questions some of them may appear on the 'Interview Questions' section.

It would be lovely to have this option.

EDIT: By the way, I'm new to opening issues on other peoples repos and I'm not able to find the option to label the issue as an enhancement. Don't even know if I should be allowed to do it.

Make a Light theme for the extension

Make a light theme for the extension.

  • The color-scheme should be similar to Google Chrome's native color-scheme to avoid white flash (~1s) when the extension is loaded.
  • Make a switch to enable/disable the theme (Default is still dark theme)

Documentation for contributors

Write documentation for contributors to follow when adding new snippets or languages to the extension.

  • Be concise and provide a template for each language
  • Secure that only owner and admin can merge and accept new contributions
  • Create a detailed documentation on code quality and style that needs to be enforced

Feature: System theme option

I'd be nice to have a system theme option that detects when the system theme changes and applies it to the extension automatically.

Example: My computer switches to dark theme at night and when I visit YouTube, it's also in dark theme because they have the option to detect the system theme and apply automatically.

I've seen this feature in many applications and I'd like to have it in this extension as well, instead of manually toggling. I'd like to work on this feature if the idea is approved.

typo in bubblesort

The python code for bubblesort has the example output in a comment on the last line. The example is incorrect however. '93' should read '91'

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.