teleren/devto huggingface dataset:
Titanium News #8
Tags: titanium, javascript, mobile, news
Published: 2021-12-16 12:45:47

Older posts can be found [here](https://dev.to/miga)

Quick new Titanium news before the holidays since there are so many new modules :smile:

## Titanium SDK

[Titanium 10.1.1.GA](https://titaniumsdk.com/guide/Titanium_SDK/Titanium_SDK_Release_Notes/Titanium_SDK_Release_Notes_10.x/Titanium_SDK_10.1.1.GA_Release_Note.html) with some iOS TabGroup bugfixes, Android ListView speed-ups and some iOS compile fixes for M1 machines. So make sure to update if you are using 10.x!

Pretty sure you've all heard about the log4j security issue that is making news at the moment. Titanium included an older version of that library too but it was only used in the building process - the library didn't make it into the apps! There is a great post about the issue at [github discussions](https://github.com/appcelerator/titanium_mobile/discussions/13206#discussioncomment-1800563) by Joshua.
And even better news: the library was removed from the project since it wasn't really used. So scanners won't find that repo now :wink:

## Modules

In [Titanium News #1](https://dev.to/miga/titanium-news-1-1fn8) I've mentioned an OpenGL library by <a href="https://github.com/DzzD/">@DzzD</a>. The full source code is available now at [TiGL](https://github.com/DzzD/TiGL)!

@maccesar updated his [purgeTSS library](https://github.com/macCesar/purgeTSS) to version 3.0.0 and it's using Tailwind 3 now!

Since there are so many other modules I'll quickly list them:

* https://github.com/m1ga/ti.inappupdate - Android in-app update for Appcelerator Titanium (Android)
* https://github.com/mbender74/ti.circularprogress  - Circular progress view for Titanium
* https://github.com/mbender74/ti.popover (iOS) and https://github.com/m1ga/ti.popover (Android) - updated Popover module
* https://github.com/mbender74/ti.bottomsheetcontroller-ios (iOS) and https://github.com/m1ga/ti.bottomsheet (Android) -  BottomSheet View
* https://github.com/m1ga/ti.thermalprinter - ESC/POS thermal printer library for Titanium (Android)
* https://github.com/m1ga/ti.pagetransform - use custom page transform for ScrollableViews (Android, test module)

## That's it

If you have feedback or some interesting Titanium apps, modules or widgets you would like to share: get in contact with me or leave a comment and I'll add it to the next `Titanium news`.
Understand the meaning of the word algorithm and its origin 
Tags: algorithms, beginners, programming, devops
Published: 2021-12-16 12:27:28

https://youtu.be/zU9eGkFp4aQ
Hi we are creting a new channel (me and my gf) we are a 3rd year student in the high school of computer science in algeria we will be soon posting many videos in many topics (graph theory dara structure js react next js tailwind css sql no sql ...) This is our first video ...hope you enjoy it ...
If you liked our content help us by subscribing on the channel and leaving a nice comment
Advent of Code 2021 - Day 16
Published: 2021-12-16 12:20:24

---
title: Advent of Code 2021 - Day 16
published: true
description: In this video series, I try to challenge myself with the Advent of Code trials. Each solution will be published to Github, and I hope you will learn something from my coding mistakes and perhaps send some code my way on how you have done these challenges. I know by reading code, so this is such an exciting thing for me.
tags:
cover_image: https://danielpersson.dev/wp-content/uploads/2021/12/2021-12-18_21-17-53.jpg
---

{% youtube DuQczs7gl_8 %}

In this video series, I try to challenge myself with the Advent of Code trials. Each solution will be published to Github, and I hope you will learn something from my coding mistakes and perhaps send some code my way on how you have done these challenges. I know by reading code, so this is such an exciting thing for me.
Advent of Code 2021 - Day 15
Published: 2021-12-16 12:20:13

---
title: Advent of Code 2021 - Day 15
published: true
description: In this video series, I try to challenge myself with the Advent of Code trials. Each solution will be published to Github, and I hope you will learn something from my coding mistakes and perhaps send some code my way on how you have done these challenges. I know by reading code, so this is such an exciting thing for me.
tags:
cover_image: https://danielpersson.dev/wp-content/uploads/2021/12/2021-12-18_21-17-38.jpg
---

{% youtube 5_nIS8HqNzg %}

In this video series, I try to challenge myself with the Advent of Code trials. Each solution will be published to Github, and I hope you will learn something from my coding mistakes and perhaps send some code my way on how you have done these challenges. I know by reading code, so this is such an exciting thing for me.
Advent of Code 2021 - Day 14 - Update
Published: 2021-12-16 12:20:01

---
title: Advent of Code 2021 - Day 14 - Update
published: true
description: In this video series, I try to challenge myself with the Advent of Code trials. Each solution will be published to Github, and I hope you will learn something from my coding mistakes and perhaps send some code my way on how you have done these challenges. I know by reading code, so this is such an exciting thing for me.
tags:
cover_image: https://danielpersson.dev/wp-content/uploads/2021/12/2021-12-18_21-17-27.jpg
---

{% youtube FGxnYD_d0DQ %}

In this video series, I try to challenge myself with the Advent of Code trials. Each solution will be published to Github, and I hope you will learn something from my coding mistakes and perhaps send some code my way on how you have done these challenges. I know by reading code, so this is such an exciting thing for me.
Advent of Code 2021 - Day 14
Published: 2021-12-16 12:19:46

---
title: Advent of Code 2021 - Day 14
published: true
description: In this video series, I try to challenge myself with the Advent of Code trials. Each solution will be published to Github, and I hope you will learn something from my coding mistakes and perhaps send some code my way on how you have done these challenges. I know by reading code, so this is such an exciting thing for me.
tags:
cover_image: https://i.ytimg.com/vi/-rqzsg0RsZQ/maxresdefault.jpg
---

{% youtube -rqzsg0RsZQ %}

In this video series, I try to challenge myself with the Advent of Code trials. Each solution will be published to Github, and I hope you will learn something from my coding mistakes and perhaps send some code my way on how you have done these challenges. I know by reading code, so this is such an exciting thing for me.
Does your company offer Fruity Thursdays? 
Tags: opensource, stream, tutorial, github
Published: 2021-12-16 12:05:38

Does your company offer Fruity Thursdays? You see, fresh fruit in the office on Thursdays is considered one of the standard corporate benefits in Poland ;) so we just wanted to say we have them too, well - sort of have them…

First, we take a stream of text, and using Scramjet Framework, we change the ‚f’s’ and ‚v’s’ into random fruits and vegetables. Then, continuing to use Scramjet, we pipe it to another stream which filters it for solely fruits or veggies and sends them in 3-byte packages via TCP, one per second.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5brqoquchtijpg2jq1ep.png)<figcaption> Screen 1: code which creates the stream. Apart from the TCP server everything here is handled by Scramjet Framework.</figcaption>![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/run0e05vesoybj3mhtr5.png)<figcaption> Screen 2: the stream of fruits and veggies in 3-byte buffers.</figcaption>

Scramjet Framework is a powerful tool, it can manage many workloads which require separate programing with current solutions.
 It can apply logic to your data and perform operations on them in real time, giving you the results in an efficient way.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9gpo1bruc8edb6q6ivah.png) <figcaption> Screen 3: code which opens up TCP connection to your server, reads the bytes, combines them into valid unicode characters and provides the result.</figcaption>

Again, apart from the TCP connection formed, everything is handled by Scramjet Framework.

Imagine a developer tool that enables you to save your precious time by handling entire workflows in your tasks, that’s exactly what we’re building… and we’re intending to make it extremely easy to use.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6b3rg3wnk7jj2zaauz5r.png) <figcaption> Screen 4: dump of incoming 3-byte packets that are converted back to emoji, with a reaction once a complete fruit is received, and a menu of all fruits are available today in the end. </figcaption>

If you want to know more about our work, visit our website https://scramjet.org and GitHub https://github.com/scramjetorg
Day 65 of 100 Days of Code & Scrum: Mundane Refactoring and Code Cleanup
Tags: 100daysofcode, beginners, javascript, productivity
Published: 2021-12-16 11:49:20

Hello there, everyone!

Today, I was mostly working on mundane coding tasks and didn't learn new exciting stuff. I'm not complaining because I was still productive. I spent most of the time adding Contact sections at the bottom of each page of my website, to reduce the number of broken links. Another thing I did was refactoring and reducing redundant code. Finally, I worked on a reusable hero banner component, because the design is mostly the same for each section, with only the text and image being different.

Another thing I'd like to share is that my free Ghost plan died on me from running out of memory (JawsDB only gave me free 5MB).

Anyway, let's move on to my daily report!

## Yesterday

I learned about **OpenGraph** and its Twitter equivalent, and used `next-seo` to make my work easier. I also made temporary placeholder sections.

## Today

Here are the things I learned and worked on today:

### Company Website

- added a Contact section at the bottom of each page.
- refactor code to be more DRY and remove redundant code.
- in the middle of creating a reusable hero banner component.
- troubleshooting why the Ghost content management wouldn't work.

### Scrum

- I did some practice flashcards for Scrum.
- reviewed some of the things I've learned before.

Thank you for reading! I wish you the best.

![Rammina Thank You Banner](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x9ayfxxxaz2g2hfcqbsk.png)

### Resources/Recommended Readings

- [The 2020 Scrum Guide](https://scrumguides.org/scrum-guide.html)
- [Mikhail Lapshin's Scrum Quizzes](https://mlapshin.com/index.php/scrum-quizzes/)

### DISCLAIMER

**This is not a guide**, it is just me sharing my experiences and learnings. This post only expresses my thoughts and opinions (based on my limited knowledge) and is in no way a substitute for actual references. If I ever make a mistake or if you disagree, I would appreciate corrections in the comments!

<hr />

### Other Media

Feel free to reach out to me in other media!

<span><a target="_blank" href="https://www.rammina.com/"><img src="https://res.cloudinary.com/rammina/image/upload/v1638444046/rammina-button-128_x9ginu.png" alt="Rammina Logo" width="128" height="50"/></a></span>

<span><a target="_blank" href="https://twitter.com/RamminaR"><img src="https://res.cloudinary.com/rammina/image/upload/v1636792959/twitter-logo_laoyfu_pdbagm.png" alt="Twitter logo" width="128" height="50"/></a></span>

<span><a target="_blank" href="https://github.com/Rammina"><img src="https://res.cloudinary.com/rammina/image/upload/v1636795051/GitHub-Emblem2_epcp8r.png" alt="Github logo" width="128" height="50"/></a></span>
Read Json property values using dot notation
Tags: powershell, json
Published: 2021-12-16 11:37:41

Sometime we want to read a value of property nested deep within the json. This simple code helps get the value

Lets say the json looks like this:
``` json
{
  "level1-1": {
    "level2-1": "value2",
    "level2-2": {
      "level3-1": "value3" 
    }
  },
  "level1-2": "value1-2"
}

```

Then to read value3, we can use syntax like level1-1.level2-2.level3-1.

This code is PowerShell can be used.

``` PowerShell
function getValue($obj, $fullkey) {
    $ks1, $ks2 = $fullkey.Split('.', 2)
    # Technique to read a property from PSCustomObject
    $props = $obj | Get-Member | Where-Object MemberType -Like 'NoteProperty'
    foreach($p in $props)
    {
        if($p.name -eq $ks1)
        {
            # Get the value of the property name
            $val = $obj | Select-Object -ExpandProperty $p.name
            #if not reached last key yet, go recursive.
            if($ks2 -ne $null){
                return getValue -obj $val -keylist $ks2
            } 
            return $val
        }
    }

    return $null;
}
```

Usage:
``` PowerShell
$json = ConvertFrom-JSON '{"level1-1": { "level2-1": "value2", "level2-2": {"level3-1": "value3"}}, "level1-2":"value1-2"}'

$key = 'level1-1.level2-2.level3-1';
$res = getValue -obj $json -keylist $key
Write-Host "Key: " $key ", Value: " $res
```

The response would look like:
![Response with keys and values](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/08deuamcfflgscfj8mdt.png)


In another blog will try to show a scenario with arrays and indices.

Happy coding.
Software Test Engineer (m/f) 
Tags: career, testing, challenge
Published: 2021-12-16 11:36:27

Interested in helping to develop the world's fastest electric cars?

Rimac Automobili is a technology powerhouse, manufacturing electric hypercars and providing full tech solutions to global automotive manufacturers. 

They are hiring both in Zagreb and in Split office! :)

 Why you should take the leap?
- You will have the opportunity to develop world-class solutions with cutting-edge technology, from scratch!
- You would be a part of a family-like and open work environment and have a dog-friendly office
- You would be working along side big car brands



Your day-to-day duties will include:
Create test plans and test cases; Execute test cases / checklists. Search for anomalies and bugs in functionality and visual presentation. Perform Testing / Automated Testing in vehicle as well as bench testing/troubleshooting


Requirements for this opportunity:
- At least 2 years of knowledge of software testing and the software testing processes
- Experience with using a bug-tracking software
- Experience with automated testing tools is a plus
- Good English skills, both in verbal and written form
- Knowledge of C++ / Java is a plus

If you find this interesting feel free to send me a message at nenad@popcornrecruiters.com :)
Interval Scheduling Greedy Algorithm
Tags: intervalscheduling, algorithms, greedyalgorithm, coding
Published: 2021-12-16 11:31:33

The concept behind Interval Scheduling Greedy Algorithm is that we have a set of jobs (tasks) that need to be scheduled on a machine, and each job j has a start time Sj and a finish time Fj. We can’t schedule two jobs at the same time if they overlap. Our objective is to fill our machine with as many jobs as possible. Wikipedia definition of Interval-Scheduling-Greedy-Algorithm HERE.

Example

Consider the following five work intervals: [1, 3], [2, 4], [3, 5], [4, 6], [5, 7]. Then, the three jobs [1, 3], [3, 5], and [5, 7] should be scheduled. Any other option will only schedule two jobs.
Let’s have a look at a few greedy algorithms that don’t work. Let’s see if we can come up with some counter-examples for each one. “candidate job” doesn’t clash with any other planned work.

To read more visit https://hecodesit.com/interval-scheduling-greedy-algorithm/
Suggestions for image optimisation strategies?
Tags: php, webdev, product, algorithms
Published: 2021-12-16 11:21:40

Hi there,

I've recently created my first MVP, shuzzle.me is the name of the app.  It is somewhat of a challenging tile sliding game
and a new way to have fun with your Instagram pictures. 

You can try it out here -- >> [](https://www.shuzzle.me) 

_Note: you will need to login with your Instagram credentials in order to access the app_

Anyhow's the reason for my post is I'm struggling to find a way to optimise the delivery of images to the end users in particular mobiles users on first load with a 3G connection. I need an approach or strategy that will scale if my application see's an increase in users and drastically reduce the size of images being pushed to the end user's device. 

**The Problem**
My problem is that the images returned via the Instagram Basic Display & Graph API are super large in file size and dimension. 

For example, upon first load of a profile view, 28 images are pulled from the API. The image size per picture pulled into the shuzzle users profile is between 500kb and 750kb.  This could be an initial load of 14Mb to 21Mb which on a 3G mobile connection is dire and renders a poor overall UX. 

In addition to that, the IG Graph API does not provide a way to call an image resource of a smaller size. 

**Possible Approaches**
I've tried lazy loading the images into the browser, various PHP image optimisation libraries / frameworks but alas to no increase in performance and reduction in per picture file size or dimension. 

I suspect I need to save or cache the images then process / resize them and then delivery them to the end user. 

**Constraints**
As this is a side hobby, I have a very limited budget so hoping to achieve this with a solution or approach that is very wallet friendly / cost effective, therefore I wish to avoid using a third party image optimising service or something of that nature. 

Any suggestions or best approach to my problem would be greatly appreciated? 

Thanks
R
What are the online compilers that every freelancer should have hands-on experience in?

Tags: development
Published: 2021-12-16 10:58:28


Among all programmers freelancers need to keep upskilling themselves frequently as they are not linked to a single company. An [online compiler ](https://eiliana.com/blogitem/how-an-online-compiler-can-aid-in-faster-and-efficient-coding-1)will help you avoid the nuances of installing multiple applications for programming. Below are a few online compilers every freelancer should try out-

GeeksforGeeks: It is one of the most popular online C++ compilers available on the internet. Most experts believe it is one of the websites to run small pieces of code pretty quickly. Additionally, the online compiler allows you to enter your inputs. Thus, you can test your programs with boundary values. As a result, it will be easier to detect errors and shortcomings of your program. GeeksforGeeks provides multiple features to its users. The online compiler allows programmers to paste a code or write it on their own. Sharing the code is also pretty easy on the platform.

Ideone: Most freelancers have used Ideone at some point to debug small pieces of code. As a freelancer, you should start using online C++ compilers in their daily usage. These compilers allow you to compile and execute the program in less than ten seconds. Thus, you can end up saving critical time and test codes before merging them to the production environment.


Most experts utilize this online compiler to write programs and build applications using a browser. Additionally, the platform conducts various coding competitions. Winning them could help you add attractive points to your profile. You can use it as an online Python compiler as well.

As we can see, there are several online compilers available on the Internet. Freelancers should use such platforms wisely to ensure their growth in the programming field. They can evaluate which compiler supports the language they are currently working on and arrive at a conclusion.
Pausing UIImageView animation in Xamarin.iOS
Tags: xamarin, xamarinforms, ios, mobile
Published: 2021-12-16 10:50:52

First things first — did you know that you can use UIImage to show frame-by-frame animations? It’s actually quite straight forward, all you need to do is:

- Prepare your frames in png format, name them using an ordering convention (for example “Frame1.png”, “Frame2.png”, …)
- Add these images to your Xamarin.iOS project, let’s say to Resources/Animation folder
- Make sure all of your images are referenced as BundleResource in your csproj:

```
<ItemGroup>  
  <BundleResource Include="Resources\\Animation\\\*.png" />  
</ItemGroup>
```

- Load your images as UIImage and pass them to the UIImageView using [AnimationImages](https://developer.apple.com/documentation/uikit/uiimageview/1621068-animationimages) property:

Add animatedImageView to your controller and here’s what you will see:

![UIImageView animation running on iPhone simualator](https://media.giphy.com/media/Bjfjjyu2qDZyMe2XF5/giphy.gif)

Great, it’s alive! 🧟‍♂️ What if you’d like to pause the animation on tap and then resume it after another tap? Sadly, there’s no API for this in the UIImageView, but there is a way to accomplish it using UIImageView’s Layer.

I’ve found it described in one of the [Technical Q&As on developer.apple.com](https://developer.apple.com/library/archive/qa/qa1673/_index.html). This Objective C code may not be so easy to rewrite to C#, especially if you’re just getting started, so below is a working solution in Xamarin.iOS. You may want to polish the code a bit (extracting StopAnimation/StartAnimation extension methods may be a good start).

Now you should be able to pause/resume the animation with taps:


![Animation can now be paused with a tap](https://media.giphy.com/media/ocRKjbU5yw5bF3nbcq/giphy.gif)


**Do I need to add my frames as iOS Assets? It’s kind of tedious with so many files!**
No, you can just drag and drop the whole folder to Resources, remember to reference files as BundleResource.

**The animation is not pausing when I tap it, what’s wrong?**
You might have forgotten to set UserInteractionEnabled to true on the UIImageView.

I hope that this quick tutorial was helpful to you. Let me know if something is not clear. Follow me on Twitter for more insights about mobile dev and other tech 🚀

{% twitter 1377517382252498944 %}
INTRODUCTION TO FLEXBOX
Tags: webdev, html, css, 100daysofcode
Published: 2021-12-16 10:35:13

#INTRODUCTION#

As we see,there are many ways to move elements around on a webpage
but FLEXBOX  is a relatively new way of manipulating elements in css and when it was introduced, it was revolutionary.



               The FLEXBOX layout used today is very different what was first proposed, the CSS WORKING GROUP had proposed the idea of a flex layout in 2008 and publishing the first working draft in 2009.
               But nowadays, flexbox become the default way of positioning elements for many developers.It will be one of the most used tools in your toolbox.

#FLEXBOX#


  It is a way to arrange items into rows or columns, where those items will flex(i.e grow or shrink)based on simple rule.
            

             <div class="flex-container>
                <div class="one"></div>
                <div class="two"></div>
                <div class="three></div>
           </div>

If you add another div to the HTML, inside of .flex-container, it will show up alongside the others and everything will flex to make it fit.

#FLEX CONTAINERS AND FLEX ITEMS#


A flex containers is any elements that has display:flex on it.
                    A flex item is any element that lives directly inside of a flex container.

 ![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9qc4uods45gp6ssqbo38.png)

       Somewhat confusingly, any element can be both a container and a item.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vajap181gyhj3wlaatyz.png)
 
           This method of creating and nesting multiple flex, containers and items is a primary way we will be building up complex layouts.Hence FLEXBOX is a very powerful tool...

thank you...