Code Monkey home page Code Monkey logo

a-picture-is-worth-a-1000-words's Introduction

a-picture-is-worth-a-1000-words's People

Contributors

coliff avatar deep145757 avatar freddy1020 avatar girliemac avatar shooteger avatar tlc-10 avatar xiaobaolan 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  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

a-picture-is-worth-a-1000-words's Issues

Remove Atom as editor

In picture webdev/png/webdev101-programming.png Atom is mentioned a possible editor.

On 2022-06-08 it was anounced (https://github.blog/2022-06-08-sunsetting-atom/) that the Atom editor will sunset on 2022-12-15. Maybe it is time to replace that suggestion?

There are lots of alternatives (even holy wars :-) ), but if the public of these pictures are beginners, I would advice Notepad++ (https://notepad-plus-plus.org/) because it is fully open-source without telemetry.

Questions & Feedback ๐Ÿ‘

First of all, thank you for doing this, it's yet another amazing piece of work from you and it has an exceptional potential.

Related to git section mostly.

Questions:

  1. Scrolling through git images for example, I had a feeling that I just can't categorize where will this fit into the age range?
  2. Who is this targeted to?

Pardon me if this is indicated in description and I missed it up. ๐Ÿ™๐Ÿผ

Feedback:

Obviously it's too complex for kids prior to 10 I guess, I wouldn't be capable of grasping even 10% of this in my early ages.

I do not want to sound harsh but on this example.

https://github.com/girliemac/a-picture-is-worth-a-1000-words/tree/main/git-purr

It's a bit confusing to add aliases as git purr or git puss maybe kids are learning faster, I don't know :)

Also it attempts to explain git pull with this friendly cat images, but it doesn't explain the prerequisites first.

  1. What is git.
  2. What is a repository in git, what is local/remote(origin) repository.
  3. What is a commit (like a small change on the cat)
  4. What is a branch in git's context.

etc.

If this is targeted for mostly adults, then I would say that for me for example it's a bit confusing.

However...the potential is huge if targeting and "refactoring" your work for a younger audience, schools, or special classes.

For that I would suggest to go a bit more on explaining this "quirky" words that accompanies a git command.

I think you should pair with somebody (not me) or ask for massive feedback and improvements on this. Or just incremental refactoring might work with feedback from community. After that try to make this & publish as an ebook. Probably pair with a digital artist as well so it wouldn't have this borders or polish it to the level of the ai section.

Anyways enough of me nitpicking! Great job! ๐Ÿ––๐Ÿผ

Deploy GitHub Pages?

Hey there ๐Ÿ‘‹

What are your thoughts on deploying this project on GitHub Pages? A website would:

  • Make it easier to share, explore, and navigate to and fro from
  • Improve presentation
  • Allow image 'alts' or descriptions for screen readers, a.k.a improved accessibility

As a plus, it's pretty easy to set up! Let me know if I can help you out on that end ๐Ÿ˜
That being said, it's a really awesome project that I'll be recommending to beginners to DSA!

Convert image files to .webp files and .tiff to pdf's

The image files and especially the .tiff files use a lot of space on your hard drive and limit the github repostitory too.
I suggest to use the .webp filetypes which provide a much smaller file size while keeping the quality.

It is best-practise to convert all you .png or .jpeg files in you web development project to this format. I safe a lot of space and bandwidth in my webapp projects by using the .webp file format.

All important browsers support this standard at the time of writing and the best part is, there is a fallback if a browser does not support it, so that the pictures still gets displayed just in good old .png or .jpeg format.

I want to to convert all your images to the .webp format. You will safe lots of space.

For the .tiff files, I want to convert them to PDF files. They are much more better for printers, all understand them and they have huge advantages for general purposes over .tiff files. Here a link for reading: http://resources.printhandbook.com/pages/file-types.php

Translate into Chinese

I want to reproduce your pictures and translate the graffiti text into Chinese, I hope to get your consent.

Better example for O(1)

The current example (a function that always returns true) might lead an inexperienced reader to think O(1) only happens when the input isn't used at all. It would probably be better to use something like getFirstElement oder getLength

Do some funny things in the reinforcement learning field with OpenDILab!

Hi girliemac๏ผŒ
I'm a member from OpenDILab ( the first decision intelligence platform covering the most comprehensive algorithms and applications both in academia and industry.).

image

We saw your work in this repository, this is really an outstanding work. We are looking for collaborators to do the same thing in the Reinforcement Learning field together, would you like to be involved๏ผŸ If you are willing, we are pleased to have further communication and discussion with you

Best
Norman

Git Push example needs correction

Thanks for creating the nice pictures. I have looked at them and they're helpful - except for one case, where I'm sure that the information is incorrect.

Considering this explanation for git push
img

I see, that the left example does not fit with my experience and understanding of Git - and reproducing the setup with a small repository I get push rejected for the final git push -u origin tabby instead of a successful push.

This makes sense, because the tabby branch has different histories locally vs. remote. Locally, tabby has cat -> cat with bow tie -> cat with bow tie and stripes. Remotely, before the push, origin/tabby is cat -> cat with stripes. The last cat with stripes commit never existed locally, hence the push will not work. Merges are only possible locally and not on remote.

Do be correct, the lower drawing needs to:

  • have the was origin/tabby text point to cat with bow tie
  • draw a line from cat with bow tie to the new cat with bow tie and stripes
  • remove the cat with stripes entirely and all of it's lines

What do you think?

Loop condition explanation

Hi there, awesome repo btw!

Just found this minor issue under webdev JavaScript Basics - Arrays:
image

The while-loop condition should probably say "The loop will stop will stop when the condition is not met" or false.

Please add illustrations for object oriented programming concepts

My 9 years old son is learning Python. He loves your illustrations. I am actually using your work to teach him basic data structures.

Would be nice to add illustrations for object oriented programming concepts, which is what my son wants to learn next.

Thanks!

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.