DEV Community: Juneau Lim

Diary about my first full-stack app

Juneau Lim — Sun, 23 May 2021 20:19:21 +0000

I found this post among my drafts - from August 2020.
I'm still in my journey of struggle, and it's a bit painful to proofread. However, I do not want this to be forgetten even from myself, I will just plush this onto the world.

End result

It is meant to be some sort of SNS to build a habit of self-gratitude.
Is actually a bit horrible. EX/EI can't be worse, and it is containing less than half of the features I originally meant. There is still a pile of never used fields on my Mongoose models.

My initial goal was to finish this at the end of August, and I knew if I don't do so, it clear this will also be forgotten with the rest of the abandoned personal project folders.
On the way

I first started to code after I took a node.js tutorial course. This idea seemed doable, which was quite wrong. There were too many points that I overlooked.
I tried my best not to reference the course code or structure, but when I bit by googling, I had to peek it as well. There are really so many ways to achieve similar functionality, and my code now is like a patchwork of them. So many times I thought it will be easier just to rebuild this from the ground, but wasn't sure if I manage to not give it up on the middle.
I ended up taking another short course about MERN stack, but it also did not give me the answered I was wanted, so I endless googling and pathworking. Every time I restructure something, I broke something, and many times, even after a day, after I tried to try out all ways I can find or think of, it often turned out to be a type.
Small points I meant to I must try
- React hook; the custom hooks still an area of fear for me. I actually think still on the way to learning React by doing.
- Mobile-first with Styled Components; In the past, I write everything with bootstrap and converted into this, which I gave up.
- Learning from the official documentation; I am still not confident with only those, without additional use-cases. I tried as much I can.
My own story

According to psychiatrists, I am going through serious depression now.
About a year ago, I been to ER then ICU, and everything changed after that. The fall semester had started, and I tried my best, but ended up drop out almost all courses except one, out of seven. At first, I panicked because it was not able to follow to content that I already know. But later, I started to have a panic attack without panicking.
The physical condition became far better than that time, but I am not the same. I had to cancel all plans, and stop out from almost all roles and groups I was taking part in. I even stopped all SNS. Even messages from closes friends and family were not that glad.
When I started to self-study again, even my own hand taken notes were clueless. I repeated giving up and trying again.
My counsellor was kept making me practice gratitude and mindfulness. I am still not used to it, and it still feels meaningless, but I am still trying. I have not many other options anyway. The dose of the depression drug has been increased quadruple, and still not sure if is working properly.
There are still things I am not supposed to forget. The people who love me, and the things I am still not able to do. I need to focus only on what is left to me, and only focus on those.
I know, but it's not easy to adapt, so I just keep saying to myself.
And that was why I wanted to make this app.
I don't know if I can make it, but I have registered college as full time. I still have a fear of going back, also about getting the internship. I was not even failed to get any part-time job for the past three years. Maybe it will work out this time. What more can I say.

A story about myself: My first experiences with a computer (Part 1: pre-stage & OS)

Juneau Lim — Sun, 28 Jul 2019 13:37:54 +0000

Even though I am a super newbie, I relatively got familiar with computer and cording and web from an early age.

I always regret that I never consider seriously about learning about those when I was younger. Loving all kind of craft was my nature, however, I couldn't think programming is also a kind of craft, back then.

That is the reason I care so much about teaching kids code, especially for girls, in the first place.

I usually don't and really hate regret past. I didn't want there are more girls like me exist.

(I cried too much until right till here, so I will not say more about it.)

Toddler

My dad's favourite repertory: "I had to bought hundreds of keyboards because you used to pee on those."

My dad was and is an electronics engineer. So, circuit boards always bring me a bit of nostalgia for me.
First Operating Systems
1. First-ever OS: MS-DOS
  
  Even though I'm still not good at Linux, using command-lines were relatively easy for me.
  
  When they talk about problems caused by MS-DOC's legacy, at MS Insider Dev tour's keynote about Windows Terminal, It was a bit tragically funny.
2. First GUI: Mac OS
  
  There was a friend of mine who lived right next door to mine, though out from kindergarten to middle school. His dad was a captain of Antarctica exploration team.
  
  My own dad used MS-DOS until the mid 90s, so my first experience with GUI was via my friend's dad. I'm not sure about the version, but I think it was either 6 or 7. I remember I used to play with a graphic tool on it.
3. First Microsoft Windows: 95
  
  I had to double-check this with my dad before bought this sticker for my MacBook, since I wanted to have one I actually used.
  
  BTW, Give me a recommendation for a white or metallic MacBook 13" cover that doesn't get dirty like mine, if there are any.

Honestly, I regret a bit that I decided to write this post, since I can't act as if I am an ignorant 18-year old girl any more. I dug up my own grave. This post is genuinely revealing my age.

However, Part 2 preview: My high school ex used to call me

"an elvish girl from VT(Virtual Terminal) village".

LOL

I know my experiences aren't close to standard, by all mean. so I really want to hear others.
Please share your experiences on the comment!

How readable is using pseudo-code instead of normal human language?

Juneau Lim — Sun, 21 Jul 2019 13:40:52 +0000

Honestly, human language is my Kryptonite.
I am not an English native speaker, however, to be fair, I am horrible in my mother tongue as well.

I am horrible at both verbal communication and text-based comm.
By all means, I am not good at programming languages, though, I feel it more comfortable to both write and read, for me.
I find that in this way, I can write more clearly structured text.

However, I'm aware that I'm usually out or average, and often kinda a weirdo.
Therefore, I wanted to know how others feel when saw it.
Even though standard pseudo might be the better way to do this, I just feel comfortable when I use Java, so I mostly do this in pseudo-Java way.

examples:

a mention I just twitted this morning (btw, congratulation🍾👏🎉 again, @emmawedekind ! sorry for using the tweet to you as an example. I was too tired after an extended vacation to find something else. ☹️🥺)

// Detect dark theme var iframe = document.getElementById('tweet-1152821893956812805-790'); if (document.body.className.includes('dark-theme')) { iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1152821893956812805&theme=dark" }

email to my school friend

    /* postscript. I almost forgot it. I registered in a ****** in *** about AI.
      I honestly know barely anything about it.
      But I recently tried some tech events and all the talks were easier to follow then I was worried. */
    If (You are willing to) 
        { join me. }
    Else If (you (don't want to) || (can't) join but still interested) 
        { I can share my summary later. }
    Else If (you (don't want to go) && (are not interested)) 
        { just ignore this ps. }

My question for Java dev // tempted to use forEach() 😝
| non-Java dev
| non-dev (to be fair, I don't use it for absolute non-dev):

How much does it readable?
Do you find it ( weird | unpleasant ) in any way?

// Detect dark theme var iframe = document.getElementById('tweet-1152943261667012610-931'); if (document.body.className.includes('dark-theme')) { iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1152943261667012610&theme=dark" }
I also made a poll👆 on twitter.
Please comment on the post or/and join the poll.
Help me to be a better communicator. 🙏
Thank you in advance!

Review of Introduction to Discrete Mathematics for Computer Science Specialization

Juneau Lim — Sat, 13 Jul 2019 02:18:23 +0000

This review has been originally written Nov/2018.
Looking now, It's super poorly written and horrible to read.
However, refactoring this review is out of my capacity.
Thank you for your understanding of that.

Introduction to Discrete Mathematics for Computer Science Specialization

Since I do not have much knowledge of mathematics, It makes me worry to study computer software, so that what was the reason I wanted to study a bit about it.

The specialization has consisted of five courses; Mathematical Thinking in general(mostly puzzles), Combinatorics and Probability, Graph Theory, and Number Theory and Cryptography. At first, I heard that the courses had no prerequisite rather than basic math and curiosity about the topics alongside some of Python knowledge. How ever, for me, some math-y topics were a bit tough for me, so I had to watch videos several times, and do a bit of extra research about the details. The courses provide many puzzles and cording implements exercise as well as quizzes to have a dipper understanding of the topics. Especially the instructors show examples with Python codes, which not only help better understanding but also let the students see the potential of the language itself while being more familiar to it. In the cording exercises, they provide some basic structures to start with, so it was not absolutely difficult for them by oneself. The instructors also very kindly help inquires by the discussion forum, to help if there is any question or obstacle through the learning.

I am happy that I now have a little bit of experience about the many interesting topics so I could have a better mindset when I face problems in the future. I hope I now have less fear for my study, and I could have some more chance to study a bit more about discrete mathematics and related topics.

This course is made with almost the same instructors from Data Structures and Algorithms Specialization, which a large program and one of the course is one I dropped out.
This is actually kind of prerequisite for those courses.

This one was also changing but was certainly doable even for someone who has low math knowledge such as myself.

Lastly, iirc, some part of Specialization uses Jupyter Notebook and NumPy, which I didn't know that was a "thing", back then.

What is your favourite dev. related quote?

Juneau Lim — Mon, 01 Jul 2019 14:33:58 +0000

I just saw "Nevertheless, She Coded" on DEV shop, and found this post and #shecoded hashtag.

I am not a quote addict.
However, as a newbie, wonder:
I wonder what every else's one line in their heart is.

You have received a horrible code at work, what will you do?

Juneau Lim — Fri, 28 Jun 2019 17:15:03 +0000

This was an actual interview (which I failed) question I was asked.

The answer I said (Mostly focused on styling/structure)

Bad code might have its own purpose.

Even if the code looks messy, there might be the reason that it has been written that way. Or, at least, people are already used to it. Changing an existing schema will cause confusion and harm to productivity.

It could be waste of time to fix it.

Even though There is no reason to keep the code, fixing it might be a waste of your time, especially if when the code is not used constantly. You need to determine first if it is necessary to fix it.

The answer I have found online (focused on debugging)

Clarifying comments

figure out what the code does and try to clear it out by stating with comments for yourself and the next person rather than touch actual code to risk breaking

No risk fix

add a special case. It would be safer and faster, but the real issue wouldn't be fixed.

Delete and Rewrite

Just threw away everything and do again from scratch.

Whoever wrote this is an idiot.

It would be clean and simple.

What do you think would be the best option? Do you have another good idea? Please share your opinion.

Resources for teaching programming to children

Juneau Lim — Sun, 16 Jun 2019 23:03:31 +0000

By doing this for the second time, I feel like I should make a series of "E-Mails to my friends".

This post is based on an e-mail I've sent to a friend of mine yesterday. He is a father of four brilliant girls. I met him yesterday and he was wanting to teach her daughters coding but was wondering where to start.

Luckily for him, while volunteering for several organizations, I became kinda expert on that subject. Most of the resources in this post are ones that I actually used with children. Except for the hardware and Organizations at the and, I have listed in an order that I want a kid would take.

Basic concepts
- LightBot - iOS & Android
  
  A great starting point. With this app, a child can learn basic concepts of code such as giving specific instructions, loop, and function. Since the place for each step is limited, they also have to learn how to write a compact code without repetition.
- Swift Playground (by Apple) - iOS & macOS
  
  I bit more advanced than LightBot since it used (kinda) real code lines with text instead of icons.
  But children love the idea they are playing around a realistic world.
Actual coding
- ScratchJr (by MIT) - iOS & Android
  
  Love it. Kids can do pretty much anything such as condition, event handler, variable, creating graphics & audio. But every function is graphic rather than text, so it's very easy and intuitive.
  
  Here is a video of a game controller one of my students has created less than half an hour.
- Hopscotch - iOS
  
  Why is it doesn't have an Android version? It's a shame.
  
  It would be a bit harder than ScratchJr since it's text-based, but one thing I really like about it is that it has so many tutorials, so even who is less creative and have no idea what to do (like me) can just follow a tutorial to make games.
- Scratch (by MIT) - Web
  
  The most famous one. There is a reason for that. Even Harvard University uses it at the beginning of their intro CS class(CS50)
  
  The possibilities are unlimited. example: Mario Kart Pacman
  
  Here is a quick tutorial for Pong.
  
  Thanks to its fame and long history, It's very well documented and there are millions of resources and examples.
- Intro to JS: Drawing & Animation by Khan Academy - Web
  
  I mainly used Khan Academy to study math, but There're JS course is also good. There are videos and integrated web-editor that gives guide step by step.
  
  Actually, one of the reasons I decided to write this post is that a few hours ago, I was watching Heroines of JavaScript series which that Michael Jolley's daughters Lauryn & Layla were interviewing Sara Vieira the girls asked to hear how they can code better. I pasted the link to the chat, and Michael said that one of the girls were actually using it.
  
  I also studied JavaScript for the first with this one as well (not as a child but as an adult, but anyway).
Hardware
- Micro:Bit (by BBC) - iOS & Android & PC
  
  It could be used via whether code with tablet using tool similar to Scratch or even with Python on PC. Kids love it since it makes programming tangible. Even the most mindless one went craze on this.
- Raspberry Pi - PC
  
  The only one I haven't tried by myself. It mainly uses Python but also available with other languages.
  
  This year's The Bay Area Science and Engineering Fair that was held in our school, I saw a kid has made pee detecter&alarm that can be put inside a baby's diaper.
Programs & Organizations
- Worldwide
  - Code Club International
    
    It is more like a portal for clubs and projects. You can early find your local one in there.
  - CoderDojo
    
    It's usually one day workshop for a beginner. They use Scratch and they also use a cute robot with a simple controller.
- Canada
  - Girls learning code by Canada Learning Code
    
    3-hour one day workshop & 5-day camps. The price for workshops usually has a pay-what-you-can option.
- Hamilton, ON
  - Hamilton Code Clubs by IEC
    
    6-week free program upon a school's request. They use many of apps above and Khan Academy.
  - MacMaster Outreach
    
    They develop their own library using Elm to teach kids.
    
    Various types of workshops and tutorial sessions and also summer camp.
    
    Programs upon school's request, but tools are also available online.
  - Codify Zone
    
    This one is not NPO but a company, which means that it's not free. But it will more than totally worth. There are so many options such as gaming, 3D printing, web dev., and even AI. They also used to have a robotic course in the past as well.
    
    8-week courses as well as summer camp.

I hope this post will help you if you want to teach code to your own child or niece and nephew. Or, even for your grandma.

I believe coding is for everyone. And if you are willing to help others to learn it, please volunteer for the above organizations or your local ones.

Please leaving a comment below if have anything more you want to share with others.

What is your worst typo trigger?

Juneau Lim — Thu, 13 Jun 2019 12:59:20 +0000

I just started to learning React and I keep type status instead of state.

// App.js with React
state = {something: 'whatever'}

$ git status

I also had a hard time with self vs this when I was studying Python and JavaScript at the same time, as well as a.length vs len(a). I heard that people using R are experiencing a similar thing.

What is yours?

Truths your college don't tell you why they teach you in such an awful way.

Juneau Lim — Fri, 07 Jun 2019 13:24:44 +0000

While studying by out of school during summer vacation, there were some points that I have realized. All of below doubts are ones that either I have actually heard from other student or myself was wondering during the first two semesters.

Weird custom style rule

In the first programming course, my college uses its own style rule that is violating PEP 8. It was quite annoying to be fair. I actually even wrote a program to detect the style errors that is not detected by a code editor. Now, I believe that the reason the school did it is that they don’t want those to be detected by third-party software which is not a student's own brain. Students should learn how to follow style role without a tool nagging them word by word. Actually, after realizing it, I regret a bit I had written that program.
Pen&Paper exam

Yes, it is painful and it takes really a lot of time. However, the fact is that you have to do it like that in job interviews. When I took online courses with embedded edited I usually do it in my IDE and copy+pasted into. After a realize it, I wonder if a stop doing it so.
The narrow scope of the programs

When I was talking with my friend about this topic, I said that 0. it’s maybe because school is afraid of a high failure rate. He added,

It’s like finding the greatest common divisor.

I think it is an elegant way to address the situation. However, I also think it’s not all. I also think 1. School believe a student who want knowledge will find a way to get it by themselves, and 2. They want students to learn how to do it. Learning is a life long journey. And it is impossible to teach everything in school, especially such a fast-changing industry like ours.
Unnecessary courses

At front of technical writing class and system and analysis class doors, I heard so many times students saying “This is a waste of time.” And many of them actually often skip classes intentionally.

You know why? Because it IS necessary. I’ve heard many times from co-op students. That they also thought so when they were learning them for the first time, but when they joined an actual workforce, they found that is actually used. My only complaint about those courses is that it doesn’t feel to be enough. I think I just should practice my own.
Why should we use such an old version of language and editor?
- Editor: Why school use Notepad++ and NetBeans instead of one of cool JetBrains’ software? Auto-completion is so cool.
  
  Because school don’t want you to use that auto-completion. When you first learn a language, you have to LEARN the syntax. And there no better way than actually, and fully use them. With a variable name as well, you have to learn how to carefully use them without making mistakes.
- Language: Java now announced 12, but we are learning 8. What’s wrong with our school.
  
  I bet it is for your own good. When you even not fully learnt what OOP is, you wouldn't want to learn Java 12 features is it will be too overwhelming. In fact, It's even hard to learn Java 8 features.

I am not sure if It is the school's actual intent or I am beautifying it. Either way, I am pretty satisfied with it and happy to be a student at my school. I know that there are so many amazing developers who self-thought without having a classic form of education and doing just great. However, for me, I like the facts that there is a curriculum that has been developed through decades with trial and error, and the existence of teachers and classmates who exist physical, not in the screen. Even though I understand school is just a beginning of learning and not provides me with everything, I believe it's providing me with a pretty good starting point.

Review of GTx: CS1301x Introduction to Computing using Python

Juneau Lim — Sun, 02 Jun 2019 14:47:23 +0000

This review has been originally written Jan/2018.
I am really glad I took this course. It covers more in terms of data type and functions compared to what I learned in my college.

Introduction to Computing using Python

After I finished Nand2Tetris part I, I really needed to do some real coding with a real language. I was having a hard time where to start first. I tried some method such as CodeAcademy and KahnAcademy, but the fact that I have no idea what parenthesis or colon actually means kept annoying me and it almost drove me crazy. I understand why everyone says I don't need to understand everything I use at the beginning. Though it's just the way I am. Do I have a mental issue? Well, presumably...

So, this was the one I choose. I have no doubt that there are many other great programs out there, but some courses warn me it could be hard if I have no knowledge about programming(despite the fact that the titles were including the word "introduction"), while some other courses didn't let me start right off. This was the one that I could dive in at that moment, made for "absolute beginner", and the course syllabus also seemed promising: covering the basic concepts of general computing.

It consists of five units - Computing, Procedural programming(variables/operators), Control structures(conditionals/loops/functions/errors), Data structures, and Objects&Algorithms. The tempo could be seemed rather slow since the lecture lecturer(David Joyner from Georgia Tech) is certainly pointing out for every aspect of individual concepts throughout the course - once for computing in general, and once again for the specific language - Python. However, I never get bored at any corner. There are tons of mini exercises and programming examples using an indented system named Vocareum, so you don't need to install any other software. every required environment is provided on the course web page, including your textbook via SmartBook by McGraw-Hill. Though it would be even better if the seamless learning system was also available on mobile. edX application does not support those materials, and there was a login issue with Vocareum even on the web browser. I left a question on the course discussion board but couldn't get the answer. There are also some minor typos and bugs on the course itself, including the questions and the grading system. I highly recommend to anyone who is so sure about their codes but still couldn't get the pass sign to go to the forum and to see if there was any reported glitch from the others.

Now I feel confident and would move up to some practical coding lessons and additional computational thinking courses. It's just the start of my learning and this program helps me to build a firm basis.

Diary about My first mobile app

Juneau Lim — Sun, 26 May 2019 16:26:27 +0000

See the sign "You Don't have any devices."? No, I don't. I feel a bit sad about it. 😢
This post will be a bit personal record about making my first mobile app with Android Studio. I think it was also my first serious project. It's still silly I think I could address it that way since I paid $25 to register as a developer on Google Play.

End result
This is the end result.
Motive
It first, I wanted to make something like a z-table calculator or Matrix calculator and even tried to do a bit, but It takes me weeks only to figure out that is out of my current ability.

Maybe it wasn't impossible. I know I should be explored outside of my comfort zone, but it was more like Biohazard Zone rather than just out of comfort zone. Yes, it might be not impossible if I prepare for the right equipment, But maybe it would take months, and I just wanted to test out what I can do right now, with a feasible concept, and not too much extreme extra.

So, I decided to make a formula page app. At first, I think I should make it for Khan Academy's Precalculus, and I thought, I could even do it for my own College's Discrete Math & Statistics class.
Libraries
- Katex: To display Latex in android.
- YouTube Android Player API: To play youtube videos.
- PhotoView: For pinch zoom in image of z-tables / t-table. Yes, I wanted to more than just images, but Image will do the work for now.
Lesson from the previous project
- Plan first: When I did the last project, After I almost finished initial functionality, I realized that there is too much repetition, so I had to totally refactor was almost totally redesign the whole structure.
- Use Inheritance: As from the above lesson, I found that it's convenient to make a frame first and utilize it. It absolutely worked great with Android App since it is all about different Activities and Fragments and intents to deliver content.
Lesson learned
- Using open source custom library: Yes, truth to be told, I haven't done it before.
- Learning Different components With official document: Since the tutorial I took didn't cover fragments, I had to learn it with on my own. Funny fact is that I even made it works, but didn't use it since It didn't feel like a suitable place for the function I wanted. But the official documentation was really lovely.
- Ability to write Latex syntax: Strange enough, It seems like the skill that has been improved the most. I have used Latex in Khan Academy and math.stackexchange before but never used it this much this intensely. I feel pretty comfortable with it now.
- Read Documentation well: With Latex, I didn't read the whole Support Table, so I didn't know I can align equations with a custom marker until almost halfway, so I had to insert a bunch of white spaces at the beginning. In addition, I didn't see 'Try' section on its page, so I struggled with other Latex editors because the supported expressions were different.
- Note taking is important: If I haven't summarized all the formulas when I was studying, I wouldn't even be able to decide to do this, since I have no data to plug in, after all.
- Never change the name of Android application and company: It was really painful to refactor the app name and company name since built in refactor function some times didn't support for every single file.
Apps I want to make in future
I would say Z-table calculator and Matrix calculator, without hesitation. I really hope I could do it someday, whether with Java for Android, or something else.

Useful links for code newbies who want to study more than coding

Juneau Lim — Sat, 25 May 2019 00:16:00 +0000

I didn't plan to write a post like this. I wrote an e-mail to my friend to share links in my bookmark, then when I hit send button, realized I put a bit excessive effort on it to share with only one person.

1. Algorithms

Khan Academy
I think you might know this one. I heavily relied on this one since I was studying 12-grade math. They cover have pretty much all topics I have learned at my college's Discrete mathematics course. There Algorithms course is also amazingly easy and good to get a taste of the rough concepts.
Intro to Data Structures & Algorithms in Python | Udacity
Another astonishing tasting course in case you haven't studied JavaScript that is used in Khan Academy's Algorithms course. This one is recommended vie DEV Community by Doaa.
Algorithms, Part I | Coursera
This one also has been recommended by Andrew Healey vie DEV Community.
+) I just found that they have booksite which is including synopses of their famous textbook.
Project Euler
You can solve mathematical problems with cording in the language of your choice. Your solution mustn't take more than 1 minute - which means that it should be a good algorithm since the range is really big most of times. Hackerrank has ProjectEuler+ contests.

2. Big Data

Machine Learning | Coursera
This is another my to-do list for summer. I heard that Andrew Ng not only has a great reputation around the area but also an amazing teacher.
Mathematics for Machine Learning Specialization | Coursera
The title is self-explaining.
IBM Data Science Professional Certificate | Coursera
Seems like a really beefy practical course. I hope there will be enough time for me to finish this one during the summer. Review
Data Science and Cognitive Computing Courses
This site seems like having pretty much everything.
DataCamp
I haven't tried this one yet, but it seems like a great place to practice.
Free Statistics E-books
I won't leave any comment on them since I haven't read any of them yet.

3. UX

UX Design Techdegree | Treehouse
I started a free trial last week and seriously hooked up with them. All of their tech degrees seems really well-structured. I don't like the fact that it's not self-faced though (the minimum duration is 3 months due to the limitation of submitting assignment 1 project/w).
Interaction Design Foundation courses
Florian Prz have recommended it on the comment. It has the whole variety of courses, and also provide with the guideline for each specific job role where to start and where to go.

4. Computer Science

Build a Modern Computer from First Principles: From Nand to Tetris
I can't find a better way to address its category. It's pretty much about low-level 'stuff' such as assembly and compiler. I am really glad I've taken this course since my school doesn't touch anything low-level including C and C++. You can my review here.
Godel, Escher, Bach - An Eternal Golden Braid
I can't believe there is a free e-book of this. I even googled if it is a legal site and it was. I bought this book twice. I almost ten years ago bought an English paperback first since I heard that the translation of this book in my mother tongue is horrible. I even split this book into chapters to finish reading but couldn't finish it. it was too challenging for my level of English. While I was struggling for several years, the publisher retranslated this book last year to celebrate 20th of celebration, so I bought it again. This book is not just about computer science but the recursive mechanism through the whole universe. Actually, the first reason I started to read this book was that Escher was one of my favourite artists. This book is not super easy or light, but it is elegant, brilliant, joyful, and kind.
Open Source Society University
Florian Prz have recommended it on the comment. This is a serious curriculum that requires 2 years of full-time commitment to complete everything. Really hope I have known it early. I am surprised that the initial foundation is done by few people.
Harvard university
Also recommended by Florian Prz. Their CS50 course is really great. At the time I took it there was only one core one and it was a bit challenging from the halfway so I couldn't finish it through the end(I thought it's why it's Harvard they taught new language almost every 2 weeks), but it was really good and fun. Now they have a whole variety of courses, so I think it will be less hard and more interesting.
MIT OpenCourseWare
Another recommendation by Florian Prz. I did a part of Mathematics for Computer Science before. The lecture was really great and it helps me understand the whole concept and goal of Discrete Math.

All of the materials in this post(maybe except GEB) are meant to be for introductory including statistics e-books.

Please feel free to add anything you also want to recommend of opinion about any of them on the comment!