teleren/devto huggingface dataset:
Serverless Eventing: Modernizing Legacy Streaming with Kafka
Tags: cloud, cloudnative, oncloud, onserverless
Published: 2020-05-29 22:53:46

---
title: Serverless Eventing: Modernizing Legacy Streaming with Kafka
published: true
date: 2020-05-01 17:06:52 UTC
tags: Cloud,Cloud Native,On Cloud,On Serverless
canonical_url: 
---

Knative Eventing offers a variety of EventSources to use for building a serverless eventing platform. In my previous blog post I talk about SinkBinding and we use this concept to create an EventSource the pulls Twitter data. What happens when you have a legacy system though? It often doesn't make practical sense to throw out[Continue reading "Serverless Eventing: Modernizing Legacy Streaming with Kafka"](https://thejaysmith.com/titles/serverlessjay/serverless-eventing-modernizing-legacy-streaming-with-kafka/)
k8s makes deployment easy
Tags: kubernetes
Published: 2020-05-01 17:05:32

A couple of months ago I was trying to understand and describe the value of Kubernetes, starting to read about it and come off some notes as below, maybe it could be helpful for other developers to understand the value of it. For me, as described in the title I described it to my self as **k8s makes the deployment easy**.

> "Kubernetes does the things that the very best system administrator would do: automation, failover, centralized logging, monitoring. It takes what we've learned in the DevOps community and makes it the default, out of the box." 
@kelseyhightower


**Docker makes the development easy**, lets us build containers locally, push them to or pull them from a container registry, and run container images locally on our machine. **Kubernetes makes deployment easy**, lets us orchestrate clusters in a pragmatic way. Actually, after the adaption of tools like docker and k8s, there are no big distinctions as before between software engineers and operations engineers. It’s all just software now, and we’re all engineers. So those tools improve the quality of the processes, as said by Amazon CTO Werner Vogels, **"You build it, you run it"**.

K8s cluster has a brain called control plane, it maintains all the tasks, scheduling containers, managing services, serving API requests, and so on for us, that part is running on master nodes, and other workloads of the cluster are running on worker nodes. For a typical production use case, k8s would need min 3 master nodes (virtual machines) to avoid the single point of failures, also most of the professionals suggest to not manage clusters manually (I guess here the reason is simple, cluster management is not an easy task which requires a significant investment of time, effort, and expertise and also it could not be cost-effective) instead suggest the usage of a managed services. Run less software philosophy could be a piece of good advice to consider before you decide to run Kubernetes on-premise. For learning/testing purposes we could use `Docker Desktop` which lets us run a small (single-node) Kubernetes cluster on our laptops.

Kubernetes control plane components working together as a state machine. K8s has a process called `reconciliation loop` trying to reconcile the actual state with the desired state. The desired state is stored in an internal database (etcd) as a specification/manifest file in k8s like deployment, and controller components of the application continually check the desired state for each K8s resource and make necessary adjustments to keep the state machine in sync with manifests. K8s scheduler on master node watches the unscheduled deployments (desired state) and schedules the node for the pod, after scheduling the `kubelet` process running on that node picks it up and takes care of actually starting its containers.
How to add an Oracle JDBC driver to your maven repository
Tags: oracle, java, maven
Published: 2020-05-01 16:52:18

---
title: How to add an Oracle JDBC driver to your maven repository
published: true
description: add an Oracle JDBC driver to your maven repository
tags: #oracle, #java, #maven
---
We are going to see how to add an Oracle JDBC driver in your local Maven repository and how to reference it in your pom.xml.
## Download the Oracle JDBC driver

link : https://www.oracle.com/database/technologies/jdbcdriver-ucp-downloads.html

You have to go to the Oracle site to get the Oracle JDBC driver. Choose the right version of the jar. Example ojdbc6.jar or ojdbc7.jar

## Settling in Maven

To install the Oracle jdbc drivers you have to go to the terminal and put the following command:

    mvn install:install-file -Dfile={Path/to/your/ojdbc6.jar}
      -DgroupId=com.oracle -DartifactId=ojdbc6 -Dversion=11.2.0 -Dpackaging=jar

## Setting the pom.xml

In your pom add now the dependency :

    <dependencies>        ...
        <!-- ojdbc6.jar example -->
        <dependency>
            <groupId>com.oracle</groupId>
            <artifactId>ojdbc6</artifactId>
            <version>11.2.0</version>
        </dependency>

        ...

    </dependencies>

NB : Note that for the jar ojdbc7.jar the version in the pom becomes
    12.1.0

Takk Jokk
Where to write and execute JavaScript code? 👩🏻‍💻
Tags: javascript, webdev, beginners, codenewbie
Published: 2020-05-01 16:34:27

In this new video 🎬 I explain and show the 3 ways of how to write and execute your JavaScript code.

 **👩🏻‍💻 Where to write and execute JavaScript**
1. Writing and executing JavaScript ***directly in the Browser Console*** is the simplest way to get started. It's practical when you want to try something out, but not an option for real programming. Find out why in the video.
2. The second option writing JavaScript code ***in the index.html file*** (called ***inline script***) is better, but has some disadvantages in structuring and keeping HTML/CSS apart from your logic.
3. The third and last way to write JavaScript code, is writing the code in a ***separate JavaScript file and linking this file in the HTML file***. This is the way to go, because it is clean and practical when your application gets bigger.

 **👩🏻‍💻 Simple Text Editor vs. Special Code Editor**
I also explain and show you the advantages of writing your JavaScript code in a special code editor instead of writing it in a simple text editor. One example is the highlighting of keywords or syntax error detection, which helps a lot in programming! 💯

 👩🏻‍💻 Finally, **understanding how files in real projects are structured and referenced will help you a lot when getting started**.


Really understanding the above topics, will help you a lot when starting coding. 🙂

{% youtube 5N7Tq9e1U_0 %}

-----------------

✅ I will upload a **complete JavaScript Tutorial for absolute beginners**. So if you are completely new to programming this will give you a step by step guide to learn JavaScript. You can subscribe on Youtube to get notified 🙂 ✅

I'm happy to connect with you on
- [Twitter](https://twitter.com/Njuchi_)
- [YouTube](https://www.youtube.com/channel/UCdngmbVKX1Tgre699-XLlUA?sub_confirmation=1)
- [Instagram](https://www.instagram.com/techworld_with_nana/)
React Fundamentals - Iterating Over Data With JSX
Tags: react, javascript, webdev, tutorial
Published: 2020-05-01 16:23:04

In this React Fundamentals tutorial, we'll learn how to iterate over and display data with JSX. Specifically, I'll walk you through an example and show you the best way to do it in a React application.

## [--> CHECK THIS OUT ON YOUTUBE <--](https://youtu.be/IeMCD8P2h4s)

[![React Fundamentals - Iterating Over Data With JSX.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1588349806384/SCaWjaqOy.png)](https://youtu.be/IeMCD8P2h4s)

> In case you want to learn more about ReactJS and improve your Javascript skills, have a look at my ReactJS online course [here](https://www.alterclass.io/). No prior experience in ReactJS needed. You will learn how to build a real-world application step-by-step using modern ReactJS.

[![promo.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1582983872755/ux-qJiB3L.png)
](http://alterclass.io/)
Highlighting issue for Search Text – React Native
Published: 2020-05-01 16:22:13

I have a React Native App and i have a Search Bar and a FlatList. When I Search something in the SearchBar the text has to be highlighted in the list.

Single string search works fine:
Image - Search

But now when I type “visit hour” neither visit or hour gets highlighted

I am using a function for highlighting the text. SearchBar value is stored as this.state.value and I am passing it as props. The logic I am using inside renderItem of Flatlist is as below

```
getHighlightedText = text =>{const{ value }=this.props
      const parts = text.split(newRegExp(`(${value})`,'gim'));      console.log('split:', parts);return(<Text>{parts.map(part =>(part.toLowerCase()=== value.toLowerCase())?<Text style={{backgroundColor:'red'}}>{part}</Text>: part)}</Text>);}return<Text>{getHighlightedText(Desc)}</Text>;
```

This works fine when I search one word. For Example if my flat list has 2 items – “My Dog” and “Her Cat”. If my Search Text is “Dog” then Dog is highlighted in red. But if I Search “M Dog” or “M D” then nothing gets Highlighted. It has to highlight characters rather than words. Please help me fix the code!!!!!
ประสบการณ์พัฒนา Grader Computer Programming ในการเรียนการสอนของมหาวิทยาลัย
Tags: grader, computerscience, php, c
Published: 2020-12-03 17:38:45

---
title: ประสบการณ์พัฒนา Grader Computer Programming ในการเรียนการสอนของมหาวิทยาลัย
published: true
date: 2020-05-01 16:11:01 UTC
tags: grader,computerscience,php,c
canonical_url: 
cover_image: https://cdn-images-1.medium.com/max/753/1*Ioa3JPNhMxmeLx667GBiTQ.jpeg
---

ตัวอย่างส่วนของการออกแบบ ( Design )

![](https://cdn-images-1.medium.com/max/753/1*Ioa3JPNhMxmeLx667GBiTQ.jpeg)

การออกแบบของระบบตรวจสอบภาษา C และ C++ ตอนแรกออกแบบไว้ได้ประมาณนึงแต่เนื่องจากสุดท้ายเวลาค่อนข้างกระชั้นชิด และ เอาเวลาไปพัฒนาระบบ Backend ค่อนข้างเยอะ เลยเปลี่ยนจากเขียน Code Design เองไปเป็นการใช้ AdminLTE Theme

ส่วนของฝั่งผู้ใช้ หรือ ฝั่งนักเรียน

Login Page ส่วนของหน้าเขาสู่ระบบ

![](https://cdn-images-1.medium.com/max/1024/1*oaSz07va994oa0IpoO82sQ.jpeg)

ส่วนของหน้าส่ง Source Code

![](https://cdn-images-1.medium.com/max/1024/1*LQkjcf_vQ7XpZZ4D5TOOTg.jpeg)

ส่วนของ Backend ที่ใช้ในการพัฒนาระบบ คือ PHP สำหรับส่วนของการตรวจสอบ Source Code ใช้ shell\_exec ในส่วนที่ภาษา PHP มีให้ เพื่อใช้ในการ Compile โดย Compiler ที่เลือกใช้ในภาษา C คือ GCC

ตัวอย่างคำสั่ง Compile

```
gcc -std=gnu99 -w -O2 -fomit-frame-pointer -lm
```

และส่วนของฐานข้อมูลที่เลือกใช้ในการพัฒนาคือ MySQL

Source Code ทั้งหมด -> GitHub : Thanawatgulati/compro2grader

[thanawatgulati/compro2grader](https://github.com/thanawatgulati/compro2grader)

ประสบการณ์หลังเริ่มใช้งานไปได้ 1 ภาคการเรียน

พบปัญหาหลักๆ คือ การที่มหาลัยใช้ Windows และการเขียนโปรแกรมของรุ่นน้องบ้างครั้งเขียน Compile บน Windows แต่ละเครื่องคำตอบไม่เหมือนกันบ้าง หรือ เอามา Compile บน Grader [Linux] ผลลัพธ์ออกไม่เหมือนบน Windows

และอีกปัญยหา คือ การจัดการ Memory คิดว่ายังไม่ไดัพอใน การ Compile

และส่วนอื่นๆของฝั่ง Admin ที่อาจจะออกแบบให้ใช้ยากเกินไป จึงได้เริ่มพัฒนาระบบใหม่ในชื่อของ sigma-Grader ซึ่งครั้งนี้ใช้ Frontend เป็น NextJS และ Backend เป็น NodeJS ส่วนของ ฐานข้อมูลเปลี่ยนไปทดลองใช้ MongoDB ที่เป็นแบบ NoSQL เพื่อเพิ่มความเร็วในการอ่านเขียนข้อมูล และลดปัญหาGraderตัวนี้คิดว่าจะช่วยลดปัญหา คอขวด ในการรอตรวจโดยใช้ STRUCTURE แบบ Queue ในการจัดการคิวในการตรวจ

ทั้งนี้ระบบนี้อยู่ในขั้นตอนการพัฒนา สามารถตรวจสอบได้ที่

[SigmaGrader](https://github.com/sigmagrader)

ฝากผลงานเพิ่มเติมที่

[thanawatgulati - Overview](https://github.com/thanawatgulati)

ยังมีระบบ ลงทะเบียนกิจกรรมชุมนุม และ ระบบ Grader v.beta ที่เป็นภาษา python อีกด้วย

* * *
✨ Announcing ModernCSS.dev
Tags: showdev, css, html, webdev
Published: 2020-05-01 15:42:55

Thanks to everyone who has shown this series love, I obtained the domain **[ModernCSS.dev](https://moderncss.dev)**

Right now, it's essentially using DEV as a headless CMS to feed posts directly. But I'd love to expand it to additional resources, so stay tuned!

It was fun to design, really fun to learn 11ty, and includes stuff I've talked about in this series plus a few things to hopefully surprise and delight.

## Tech & Stats

- [11ty](https://www.11ty.dev/) - a static site generator capable of using Node modules and mixing template languages which was perfect for this type of project. It's also wickedly speedy!
- [html-css-jumpstart](https://5t3ph.github.io/html-sass-jumpstart/) - I expanded the minimal Sass/HTML starter that I recently released
- [Netlify](https://www.netlify.com/) - hosting
- [IFTTT](https://ifttt.com/) - watches RSS feed to ping Netlify webhook to republish site when new DEV post published
- one single teensy JS function for a bit of delight on the main page
- 3.4kb CSS, Gzipped
- [Speed index](https://www.webpagetest.org/result/200501_RF_05d14156c269dc86fe877e905d3bb798/) - 0.702s
- Lighthouse score - just shy of perfect 💯due to Google Web fonts which I'm going to resolve soon!

## Feedback welcome!

### [Visit ModernCSS.dev >](https://moderncss.dev)

If you find an issue, you can [file it on Github](https://github.com/5t3ph/moderncss-dot-dev).

If you have suggestions for future content or any other comments, drop 'em below!
Are industry-recognized certificates a worthwhile investment?
Tags: discuss, beginners, career, productivity
Published: 2020-05-01 15:36:14

Earlier this week, I asked [this question on Twitter](https://twitter.com/radiomorillo/status/1254851260978692097). I wanted to understand why people got certificates and what value they derived from them.

While certificates aren't as prevalent in the web development discipline, they're much more widely adopted in other tech fields, like IT, Security, and Project Management (among others). Known certificate-issuing bodies include GIAC, CompTIA, ITIL, Scrum Alliance, Scrum.org, PMI, and vendors like Oracle, Cisco, Microsoft, and AWS.

## So...are certificates actually a worthwhile investment?

The consensus among participants was that **it depends**. Here are some of the reasons why respondents got a certificate:

- They needed it to get promoted
- Their employer needed a certain number of people to possess a specific certificate
- It was required to get (or keep) a job
- They wanted a challenge
- They wanted to break into a new role/industry
- They wanted to prove to prospective employers that they possessed the requisite knowledge for the role
- They wanted to learn something new

What I'd like to know is if they had any preconceptions about a cert (or studying for a cert) beforehand. What are the expectations associated with certs? Do we consider they have educational value, the way some look at degrees? Is it different? I leave these questions for you all to answer. :)

## Your turn: if you have a certificate, how has it helped you?

I'll answer first.

I just passed the [Professional Scrum Master exam](https://www.scrum.org/professional-scrum-master-i-certification) and am now PSM I certified. I chose to go with this cert over the CSM (Certified Scrum Master) for a few reasons: the exam was much more rigorous, it was much cheaper, and did not require additional courses to qualify. I could self-study.

My engineering team already adopts Agile practices, but we don't practice Scrum. We do some "Scrum-like" things, like work in sprints, have daily standups, and retrospectives, but we do not have Scrum Teams and self-organized Development Teams; our process is still waterfall. I wanted to better acquaint myself with Scrum terminology and understand how we work in the hopes of adopting the Scrum framework in the future.

I got a lot out of studying for the cert. [I created a short curriculum](https://github.com/rubymorillo/pocket-scrum-self-study-list) and read books, watched lots of videos, took free courses and quizzes. I began to understand the foundational concepts of the framework, and my goal is to get better at understanding the practical applications of Scrum. In summary, the _study process_ was valuable; the cert itself just shows that I have foundational knowledge. It was a good investment of my time.

**Do you have any certs? Which ones? How have they helped you, if at all?**

_I'm Stephanie, a Content Strategist and Technical PM. Visit [developersguidetocontent.com](www.developersguidetocontent.com) to learn more about my work!_
Are you using WiFi or Ethernet right now?
Tags: discuss, watercooler
Published: 2020-05-01 15:30:42

---
title: Are you using WiFi or Ethernet right now?
published: true
description: I’m curious!
tags: discuss, watercooler 
---
I live in a one-room cottage that I built myself. I never intended to work out of here, but I’ve adapted slowly but surely. One thing I haven’t done is run an Ethernet cable from my router to my desk. It’s only about 12 feet (it’s a one room cottage after all) and I have an Ethernet adapter, but the cable routing will be a hassle and my WiFi has been fast enough. 

I’m curious though if the rest of you, working from home, have made the same compromise. Who’s run cable and who’s settling for wireless.
City Builder in Unity | Part 6
Tags: youtube, game, city, builder
Published: 2020-05-01 15:27:47

Hey!
This is my 6th part in my dev log series, 
In this series I'm writing a City Builder Game

Come, Watch and leave a Like and Subscribe :)

{% youtube 5Q8op-rWrSk %}

> Like this post? 
> Support me via [Patreon](https://www.patreon.com/eranelbaz)
> Subscribe to my [YouTube Channel](https://www.youtube.com/channel/UCVUNeBGM5wZJKcOx0QwAaTA?sub_confirmation=1)
SimpleForm for SwiftUI
Tags: swift, swiftui, ios, form
Published: 2020-05-01 15:11:39

I created SimpleForm as an easy way to build simple forms in SwiftUI with the ability to validate and return data.

[Try It Here 🙂](https://github.com/joeshonm/SimpleForm)

Coming from a web background I'm very used to how forms recognize the fields within them to send data. At the core you don't need to write extra code to submit form data unless we're talking AJAX. With HTML5 we also have built in validation options which make web forms more convenient.

The same functionality is not built into the Form view element in SwiftUI. It does recognize a TextField or a Picker, but does not automatically track the values and can not return you data.

In the full example below it shows you how to add sections, add fields to section with a label, name(just like web for data output), default value, validation, etc. Then with the submit button we can validate the form and return the data.

```swift
import SwiftUI
import SimpleForm

struct ContentView: View {
    
    var jamForm = SF()
    
    var body: some View {
        
        // Section One
        let sectionOne = SimpleFormSection()
        
        sectionOne.model.fields.append(SimpleFormField(textField: "First Name", labelPosition: .above, name: "first_name", value: "", validation: [.required]))
        
        sectionOne.model.fields.append(SimpleFormField(textField: "Last Name", name: "last_name", value: "", validation:[.required, .regex(#"^\d*$"#, "Please enter numbers only.")]))
        
        sectionOne.model.fields.append(SimpleFormField(textField: "Email", labelPosition: .above, name: "email", value: "", validation: [.required, .email], keyboardType: .emailAddress))
        
        self.jamForm.model.sections.append(sectionOne)
        
        // Section Two
        let sectionTwo = SimpleFormSection()
        
        sectionTwo.model.fields.append(SimpleFormField(pickerField: "Greetings", name: "greeting", selection: 2, options: [1,13,24], display: { options in
            return  AnyView(
                
                List(0 ..< options.count) { row in
                    HStack {
                        Rectangle().fill(Color.black).frame(width: 100, height: 100)
                        Text("\(options[row] as! Int)").frame(minWidth:100)
                    }
                    
                }
                
            )
            
            
        }))

        self.jamForm.model.sections.append(sectionTwo)
        
        return NavigationView {
            jamForm
                .navigationBarTitle("Simple Form", displayMode: .inline).navigationBarItems(trailing: Button(action: {
                    let formValues = self.jamForm.getValues()
                    print(formValues)
                    let formValid = self.jamForm.isValid()
                    print("Form Valid: ", formValid)
                }){
                    Text("Submit")
                })
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}
```
Exploring Column Families in CockroachDB 
Tags: database, distributed, sql, video
Published: 2020-05-01 14:59:35

---
title: Exploring Column Families in CockroachDB 
published: true
description: A video about how Column Families work in CockroachDB
tags: database,distributed,sql,video
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/k3mc79nq246lu4j7xomx.png
canonical_url: https://jordanlewis.org/posts/exploring-column-families/
---

In this video, I break down what [Column Families](https://www.cockroachlabs.com/docs/stable/column-families.html) are in [CockroachDB](https://github.com/cockroachdb/cockroach), why you'd want to use them, and how you can explore them in more detail for yourself.
{% youtube BqkG-1mKAXw %}


Column families are a concept that allows you to change how rows are stored in a SQL table, to improve performance and reduce contention. By default, all of the columns of a row are stored in a single *database key*. With column families, you can ask the database to store the columns in multiple keys!

You might want to do this, for example, if one column is read or written much more frequently than the others: giving it its own column family can reduce the amount of contention on that row, and improve the performance of fetching data from the row.

To create a table with columns in CockroachDB, it's very easy: add them to the `CREATE TABLE` statement. For example, if you had a users table with a seldom-read JSON payload, you could put it in its own column family:

```
CREATE TABLE users (
    id INT PRIMARY KEY
    name STRING,
    big_metadata_payload JSON,
    FAMILY (id, name),
    FAMILY (big_metadata_payload)
)
```

Let me know what you think of the video, and what other database content you'd like to see!

----

👋Hello, I'm Jordan Lewis, an engineer and manager at [Cockroach Labs](https://cockroachlabs.com). I'm passionate about programming and databases, and the intersection of the two, and I like to create content that teaches you how databases work under the covers.

🙏While you're here, would you consider following me [on Twitch](https://twitch.tv/large__data__bank), where I produce educational livestreams about database programming?

----

✨[Twitch](https://twitch.tv/large__data__bank) | [YouTube](https://youtube.com/jordanthelewis) | [GitHub](https://github.com/jordanlewis) | [Twitter](https://twitter.com/JordanALewis)
Wizar devlog 14 - Begining a threejs library: Glitch
Tags: typescript, gamedev, threejs
Published: 2020-05-01 14:43:04

As planned I spent the week on Ravioli looking around for a new way to improve the reaction system. To change my mind, I also started to write the Wizar graphic library based on threejs.
It is called Glitch and it will be focus on dev xp by offering a high level API, inspired by Pixi to do 2D or 3D games on web and React Native.

It is just the start and you can see a [demo here](https://codesandbox.io/s/boring-river-5u1kg) (credit to 0x72 from [itch.io](https://0x72.itch.io/) for the assets)
I have already implemented:
- a 2D app object which contains the common boilerplate
- support for spritesheet from TexturePacker
- texture
- sprite
- animated sprite

Next iteration will be the port on React Native.