Of Languages, Code, Pixels & Tea

Sanna 🌸 GER • ENG • JPN 🌸 studying Web Development, Japanese (N3?) & Spanish (A2) This is a sideblog ( . u . )

[code-bug]

I was asked to make a masterpost on websites like Codecademy, so I’ve tried to compile a list of the best (and mostly free!!). In no particular order: 

1. Codecademy [x]

I couldn’t not include Codecademy! Just in case you haven’t checked it out, it’s pretty neat. It has courses for learning languages and web developer skills.

Languages: Python, Ruby, Java, PHP, jQuery, JavaScript, HTML/CSS

Extras: Git, SQL, Command Line, AngularJS, Ruby on Rails

2. Code School [x]

This is pretty similar to Codecademy with the in-browser coding and such. It also has additional features like teaching videos. A good introduction to programming languages.

Languages: Python, Ruby, Javascript, HTML/CSS

Extra: iOS development with Objective-C or Swift, Git, SQL

3. Learnaroo [x]

Has tutorials followed by mini challenges based on the concepts you’ve just learnt! It also has some reference pages called “Learn x by Example”. Looks pretty good.

Languages: Python, Java, Ruby, HTML/CSS

Extra: Algorithms, Mathematics, + a bunch of premium membership stuff

4. Learn … 

A set of related websites (see below) which have mini tutorials on language concepts followed by mini challenges, similar to Learnaroo.

Languages: Python, Java, C, C#,  JavaScipt, PHP, Shell

5. Code Combat [x]

Basically, it turns learning to code into a game! As you move through the levels, new concepts are introduced, so the code you need to write to play the game gets harder. 

Languages: Python, Java, JavaScript, CoffeeScript, Clojure, Lua

6. Codingame [x]

Similar idea to Code Combat, but a little more advanced. 

Languages: Python, Java, Ruby, C, C++, C#, Haskell, VB … there’s actually loads it supports.

7. Code Wars [x]

This is more for ‘training’ with a language you already know. It offers plenty of practice through challenges, so it’s really good for improving your coding skills. 

Languages: Python, Ruby, Java, C#, Haskell, JavaScript, CoffeeScript, Clojure

8. Coderbyte [x]

This offers some video tutorials and challenges for a few languages, plus special courses on specific algorithms and bootcamp/interview prep. You need a premium membership for quite a lot of things, though (e.g. I don’t think you can watch any of the videos with a free membership).

Languages: Python, Ruby, JavaScript

Extras: Algorithms, Bootcamp Prep, Job Interview Prep

9. Free Code Camp [x]

Mini tutorials followed by mini challenges. Has a number of courses on the languages below!

Languages: HTML/CSS, jQuery, JavaScript

Extras: Git, Algorithms, + a bunch of projects to complete

10. Programmr [x]

Has courses to learn various languages through doing little exercises/challenges in the browser, similar to previous examples. Also has ‘zones’ for more languages, where you can find challenges, example code and projects people have shared. 

Languages: Python, Java, C++, C#, PHP, jQuery

11. CheckIO [x]

Only offers Python, but I still think it’s really great. You move from level to level, getting challenges which are gradually trickier. Learn by doing!

12. Rails for Zombies [x]

For people who already know a bit of Ruby, but nothing about Ruby on Rails!  Each level begins with a short video followed by interactive challenges where you program Rails in the browser.

That’s all (for now!) Hope this is helpful! (ﾉ^∇^)ﾉﾟ

[izzycodes]

Switching to Firefox

This post is to answer @leaveblackkbrosalone’s question on my post about me switching to Firefox!

I recently had an eye opener moment when researching about Google and how they collect data to alter the things they recommend you and other things. And it was astonishing how much data they collect on you and how they track you every movement whilst on Google/Chrome/Other Google services e.g. Google PlayStore.

I truly believe there are better alternatives out there than the default Google Chrome people tend to use. We now live in world of constant data breaches and online tracking, therefore protecting your online privacy and security has never been more important.

I’ve recently deleted Chrome from my phone and computer and switched to FireFox and I’ll explain why~!

What is Firefox?

Firefox is the famous fox web browser! It is a free and open-source that is developed by the Mozilla Foundation. It's designed to be fast, secure, and customizable, and is available for multiple operating systems, including Windows, Mac, and Linux.

Firefox includes a suite of built-in features, such as enhanced tracking protection, custom themes (so important obviously) and add-ons, and a flexible interface that can be tailored to the user's needs.

Why Firefox and not Google Chrome?

There are a bunch of reasons why I chose to delete Google Chrome and why I prefer FireFox now, let me list some:

Privacy

Firefox has a strong focus on privacy and security, with features like built-in tracking protection and a strict anti-tracking policy.

In contrast, Chrome is owned by Google, a company that relies heavily on data collection and advertising for its business model.

Customisation

Firefox has a much more flexible and customizable interface than Chrome, with a wide range of add-ons (equivalent to Chrome’s ‘extensions’ I believe) and themes available to personalize your browsing experience.

Open-source

Firefox is an open-source project, meaning that anyone can contribute to its development and review the code for security issues.

Chrome, on the other hand, is based on the Chromium project, which is also open-source but is controlled by Google.

Cross-platform compatibility

Firefox works on a wide range of devices and operating systems, including Windows, Mac, Linux, and mobile devices.

Chrome is also available on multiple platforms, but it's more heavily integrated with Google's services and ecosystem.

Performance

Firefox has made significant improvements in recent years and is now a competitive browser in terms of speed and efficiency.

Still, Chrome is known for its fast performance

Community-driven

Firefox is developed by the non-profit Mozilla Foundation, which has a strong focus on user empowerment and community involvement. This means that Firefox users have a voice in the development process and can contribute to the browser's future direction.

With all of that being said, there is one particular area that caught my eye that I mentioned briefly: the Privacy and Security.

Firefox’s Privacy and Security Advantages

Firefox definitely has advantages in these areas than Google Chrome surprisingly!

Enhanced Tracking Protection

Firefox includes built-in tracking protection that blocks many common types of trackers by default, including

third-party cookies, cryptominers, and fingerprinters

This helps to protect your online privacy and reduce the amount of data that's collected about you. Below are the options for the 'Enhance Tracking Protection' in the settings:

No Google Tracking

Oh boy, I like this one. So unlike Chrome, which is owned by Google and ties into its advertising and data collection ecosystem, Firefox is developed by the non-profit Mozilla Foundation and has no affiliation with Google or any other major tech company. This means that Firefox is less likely to collect and share your data with third parties.

No Sign-In Required

While Chrome requires you to sign in with a Google account to access certain features, Firefox does not require any sign-in at all. This means that you can still use Firefox without creating a user profile or linking your browsing activity to any personal information -

Don’t get me wrong, if you want to use the Google search engine WITHIN FireFox, it might still prompt you to sign in but you still don’t have to! Also, the choice is there to create an account just to sync bookmarks and tab from one device to another e.g. phone to laptop.

Private Browsing Mode

(Another very important part!) Firefox offers a Private Browsing mode that doesn't save your browsing history, cookies, or temporary files. This can be useful for browsing sensitive content or preventing others from seeing what you've been looking at.

Firefox's Private Browsing mode offers a more robust set of features for privacy and security than Google’s Incognito mode. Within the ‘Settings’, you can customise your privacy settings more extensively than Google Chrome. You can choose to block all third-party cookies, prevent websites from accessing your location data, and clear your browsing history and data automatically when you close the browser.

Google's Incognito mode does not block all cookies or prevent all forms of tracking.

Open-Source Security

Like I mentioned before, Firefox is an open-source project, meaning that anyone can review the code and contribute to its development. This helps to ensure that security vulnerabilities are identified and addressed quickly, and that the browser remains as secure as possible. You too can find something and report it to the repository via creating an issue!

To Conclude

Of course, these are just some general reasons why you might prefer Firefox over Chrome, and the choice ultimately comes down to personal preference and priorities. I know with developers, they would prefer Chrome for the dev tools and I think it’s almost a standard to use Chrome (though at my workplace we use Microsoft Edge), anyhoo Google is just a default for web browsing and search engine. I also know it’s hard if you have a whole Google ecosystem set up like Google docs to Sheet to Slides, emails, calendar etc, you can still use them but on a safer browser.

I would also recommend using ‘DuckDuckGo’ for a search engine as they too are really good with security and privacy but as a search engine (plus on their phone app they have a cool animation when you want to delete you browsing data from the tabs hehe)!

Links to interesting pages for more information on this topic:

YouTube videos: video 1 | video 2 | video 3 | video 4

Articles: article 1 | article 2 | article 3

I’d say give it a go, if you don’t like it I still recommend anything but Google Chrome! Well, that’s all and thank you for reading! 🥰👍🏾💗

[tenaciousdeveloper-deactivated2]

JavaScript Visualized 👩‍💻👨‍💻

✨♻️ JavaScript Visualized: Event Loop

🔥🕺🏼 JavaScript Visualized: Hoisting

⚡️⛓JavaScript Visualized: Scope (Chain)

🚀⚙️ JavaScript Visualized: the JavaScript Engine

🎉👨‍👩‍👧‍👧 JavaScript Visualized: Prototypal Inheritance

💡🎁 JavaScript Visualized: Generators and Iterators

⭐️🎀 JavaScript Visualized: Promises & Async/Await

This series on DEV by Lydia Hallie about JavaScript gives you a good visual explanation of some of the JavaScript internals and advanced features that some beginners may not know about.

It's always good to not only learn a language but go deep into it to learn more about how to use it more effectively. It makes you a better programmer and software developer, and it's just plain cool to learn more about technology and how things work under-the-hood.

Enjoy! 🤓

[uroko]

北杜市観光協会（山梨） Hokuto Tourism Association

[goodplan-ipromise]

[tokidokitokyo]

Putting Things On in Japanese

JLPT N3

はめる　to put on (something that envelops, e.g. gloves, ring), to button

はく　to put on (lower body clothing, e.g. pants, skirt, footwear), to wear

しめる　to wear (necktie, belt), to put on

着る　きる　to wear (in modern Japanese, from the shoulders down), to put on

[studyjapanesewithme]

恋の予感

This is my new favourite 日本語 phrase. My favourite album is ‘koi no yokan’ by the band Deftones. Originally, I thought this meant ‘the feeling of love’, however when I checked for ‘yokan’ (よかん - 予感) in the dictionary, I found that this actually means premonition/ to have a hunch. It turns out こいのよかん - 恋の予感 is an untranslatable phrase, but its described as the sense that we have just met a person with whom we will inevitably fall in love with. How lovely!!

[yaoyuan6478]

#青春18きっぷ #青春18きっぷの旅 #青春18切符 #青春18きっぷ一人旅 #青春18きっぷポスター #青春18きっぷ旅 #青春18切符の旅 #青春１８切符#岡山 #岡山観光 #岡山城 #岡山城天守閣 #岡山後楽園 #岡山観光 #岡山後楽園幻想庭園 (岡山後楽園) https://www.instagram.com/p/ChO4ijOOvmg/?igshid=NGJjMDIxMWI=

[goodplan-ipromise]

[bangidlee]

Websites for Japanese Learners

! click on website name to be redirected !

all websites can be used for free and without subscribtion (thats why japanese101 isnt included)

-> apps for japanese learners (soon)

1. JLPT Sensei

study guides (N5-N1)

includes grammar, kanji, vocabular, adjective, verb and other lists for orientation when studying

free JLPT practice tests

2. Japanese Verb Conjugator

automatic verb conjugator

verb database

kanji database & kanji tester

over 180,000 example sentences with sound

3. Tanoshii Japanese

japanese-english dictionary (with stroke order!)

pratice games & interactive lessons (Kanji Mahjong etc.)

learning resources (japanese novel, textbook, magazine, movie recommendations)

4. Jisho

fast and smart japanese-english dictionary

draw and radical function apart from keyboard search

searching by topic and categories by adding #[topic/category]

JLPT levels, sentences, particles, counters, names included

5. Map Quiz

world map quiz in japanese

divided into continents and north, east, south and west

6. Japanesetests4you

free JLPT N5-N1 reading and listening tests

free JLPT N5-N1 vocabulary, kanji and grammar lists + tests

7. Shiritori Online

Shiritori (しりとり) is a popular japanese word game and is ideal to exercise vocabulary for japanese learners. 2 or more players take turns saying a word that starts with the last kana of the previous word. The game ends when someone answers with a word ending with -n (ん) because there are no words starting with ん.

it is up to the players whether all forms of a hiragana (kana and its diacritics; は,ば and ぱ etc.) are allowed or not (e.g やぎ -> きよう).

example: りんご (apple) -> ごりら (ゴリラ) (gorilla) -> らーめん (ラーメン) (ramen). The last person who said ramen loses because the word ends with -n (ん). Instead the person could have saidらま (ラマ) (llama) (e.g).

[onigiriforears]

Mar 2023 Seitokai Bookclub | とつくにの少女

Hi friends! The Seitokai Bookclub is STILL ongoing--the only reason why you haven't seen a post about it lately is because we were still reading コンビニ人間. However, starting on Feb 26, we will be reading とつくにの少女 (Totsukuni no Shoujo), also known as The Girl from the Other Side. If you're interested in joining us or want more details on how our bookclub runs, come join us in the server or feel free to message me/drop an ask (or even @litheah and @tokidokitokyo).

What if I've never read a book in Japanese yet? I'm not confident in my skills. That's fine! Not only do we always have a group vocab sheet that we collectively add to (anonymously), but we have ongoing discussions about whatever book we're reading. That means you're free to ask questions, send screenshots, rant about a character or anything like that. You'll definitely find me asking about certain grammar points or if using a particular set of kanji for a word changes the nuance in a particular sentence.

What's the goal of your bookclub? Well, we're interested in fostering confidence in reading in your target language without feeling that you have no one to turn to. Our server has people of all levels of fluency, meaning that there's always someone who can answer your question. And if we can't, we have people we can reach out to ask. We won't leave you hanging!

You don't seem to choose books I'm interested in--how can I change that? Well, we take suggestions and vote as a bookclub for what we'll be reading next. If your book doesn't win the first time you submit it, try try again! とつくにの少女 was suggested and in voting 3-4 times before it finally won (same with a lot of our other books.) Don't be discouraged!

We hope to see you there! | Seitokai's Nihongo Discord Server

[daily-hyosatsu]

It seems impossible to me that we haven't covered this one yet! The name 石井 can be read Ishii or Iwai, and it's one of the 30 most common names in Japan.

石 means stone, and is read ishi, seki, jaku, or koku. Watch out not to confuse it with 右 (migi), meaning right. Radical-wise, the top part of 右 right (and 左 (hidari) left) uses a combination of ノ and 一, whereas 石 rock is its own radical.

And 井 means well (like wellwater), and is read i, sei, or shō. If you've been following for a while, you've probably noticed I kinda get into my head every time I have to type "means well" ... I do mean well, though. I really do.

[izzycodes]

Building TumblrTextTint - Log #4

◀️ previous log

Continuing the application again! I made big progress this time!

I styled the colour picker to match the theme of every other elements. It was super tricky that I had to look at 5 StackOverflow questions about styling the picker. I could have easily added a library but I don’t know how to use JavaScript libraries like Pickr which has prettier colour pickers, so I’ll have to make do with doing everything in vanilla JavaScript. The struggle is real.

Next main thing I made were the error messages! A lot of if-else if-else statements were involved but I think I handled and tested every possible input that the user could enter in the HEX code input box e.g. the user forgets to add the # at the beginning of the code. I still need to add more error handling of the input box but will add that later!

Lastly, I added the main JavaScript code behind everything. So, when you input the text in the first text box, pick a colour, and click the “Tint my text!” button, the code is then generated!! I did it! I did the main part of the whole application! That’s it!

Not really, I still have other design + extra code to add so it’s still not ready for use! 🥰👍🏾

What have I done?

Styled the colour picker

Added JS code to the 1st and 2nd buttons

Added errors messages for the textboxes

Added a message when you click the copy button

That’s all! Thanks for reading and soon I'll post about the next update! 😅🙌🏾💗

[crackaddict55]

Just wanna say that this is an adorable little project. Plus it’s really nice to work on something that will be useful to you.

Cute cute cute

[izzycodes]

CSS, Sass, SCSS and LESS?

So, I have recently been going over my notes from my apprenticeship classes and found this big topic during class that I was initially so confused about but in the end, I got it and I want to share it with everyone!

That topic was CSS and all the extra ‘S’s and ‘C’s that relates to CSS! Those getting deeper in CSS and watching tutorials on making cool web designs may have come across the words Sass or LESS before, so I’m here to help spot the difference between them all! Let’s talk about it~!

━━━ ⋆⋅☆

First off, let’s do a little summary on what each one is, just to familiarise yourself with each! Basically, these are my class notes:

CSS 🤎

CSS is a stylesheet language, not a programming language.

Used to describe the presentation of documents written in markup languages like HTML or XML.

The most basic and widely-used styling language for web pages.

Defines layout, colours, fonts, and other visual aspects of a web page.

Essential for creating visually appealing and user-friendly websites.

Supported by all modern web browsers, ensuring compatibility.

Sass 🤎

Sass (Syntactically Awesome Style Sheets) is a CSS preprocessor.

A CSS preprocessor is a scripting language that extends the capabilities of CSS.

Allowing developers to use variables, functions, and other programming constructs in stylesheets. (not possible in regular CSS).

Makes stylesheets more organized, reusable, and easier to maintain.

Sass code has a syntax similar to CSS but with added features.

Sass code is compiled into regular CSS that is understood by web browsers.

Allows the use of Sass's extra features without worrying about browser compatibility.

SCSS 🤎

SCSS (Sassy CSS) is another CSS preprocessor, similar to Sass.

Different syntax to Sass

Extends the functionality of regular CSS just like Sass.

The syntax is similar to regular CSS and easily learnable for CSS users.

Compilable into regular CSS, usable in any project that uses CSS.

LESS 🤎

LESS (Leaner CSS) is another CSS preprocessor.

Has similar features to SCSS and Sass

━ ⋆⋅

The Difference 🤔

As you can tell, Sass, SCSS and LESS are very similar because they all are preprocessors, can be compiled into regular CSS and all make stylesheets more organised and reusable. However, what makes them different from each other?

There are two main differences really that I have noted down; the syntax and how easy it is to learn:

Syntax: SCSS has a syntax similar to regular CSS, while Sass has a more terse, indented syntax, and LESS has a syntax slightly different from CSS but easy to learn.

Learning Curve: SCSS and LESS are designed to be easy to learn for CSS users, while Sass has a steeper learning curve due to its more terse syntax.

━━━ ⋆⋅☆

And those are my notes! To summarise, CSS is the main stylesheet language that the preprocessors work with! Let me leave you with some links for further help in understanding:

YouTube videos >> LINK 1 | LINK 2 | LINK 3

Articles >> LINK 1 | LINK 2 | LINK 3

Thanks for reading and study coding!! 🙌🏾💓

◀ previous programming post

[boethiah]

no such thing as wasting your 20s your 20s are for recovering from whatever the fuck happened to you as a kid so that youre ready to get weird with it in your 30s

[apoherm-deactivated20231020]

Recap of last week: working on the weekend, packing and shipping boxes, sunny morning walks in the suburbs, babysitting my little niece, writing before going to bed, getting a haircut, and waiting for a bookmail to be delivered.

[loicoding]

✧･ﾟ: welcome ✧

hello!! i'm a coding begginer and I've decided to create my own blog to share my experiences and to get to know others :))

― ♢ 「 about me 」 ♢･ﾟ

nickname: Loi

pronouns: she/her

based: BR

languages: HTML, CSS, JS, Python

― ♢ 「 challenges 」 ♢･ﾟ

florinpop17's App Ideas - ongoing ⭐