teleren/devto huggingface dataset:
Future of SQL in the browser
Published: 2021-08-17 18:30:04

One recent trend that I'm really optimistic about, is apps that are using SQL databases in their frontend UIs. Notion [started doing it](https://www.notion.so/blog/faster-page-load-navigation) and [other devs are adopting it](https://jlongster.com/future-sql-web) too.

There's a lot to say about why SQL in the UI is a good idea, but I think the short story is that it's a great higher-level solution for so many use cases. So much of the code that we write is essentially a re-implementation of the concept of joins, selects, updates, constraint enforcement, etc. A few lines of SQL might replace hundreds of lines of Javascript, and run faster and better too.

Unfortunately, dropping in SQLite to your app is not cheap, the WASM bundle that comes with [sql.js](https://github.com/sql-js/sql.js/) is 1mb!

Here's a prediction about future frameworks in this area. As an analogy let's look at the difference between React.js versus Svelte. React is a general purpose engine for updating the DOM. Svelte takes a slimmer approach. It doesn't load a general purpose engine into the browser. Instead, at build time, it generates specialized DOM-updating functions that will just do what you need, based on your views.

So if SQLite is like the React.js, then maybe some clever folks will create the Svelte of in-memory databases. In this imaginary system, there would be a build-time code generation step. It would look at your schema, and also look at all the queries / stored procedures that your app plans to run. Then it would generate a bunch of specialized database-style code that does just what you need. Maybe a b-tree implementation, maybe some protocol-style code to read & write to ArrayBuffer data, that kind of thing. Maybe even some helpful DAO style classes to use the data.

Presumably the final result would be able to leave out a lot of the massive functionality that comes from including all of SQLite, and the code size would be way smaller. It might have a performance boost too (like there would be no need to parse any SQL query strings at runtime).

Anyone know of such a thing out there, or is anyone working on it?
Community Hangout and Update - 2021-08-21
Tags: phalcon4, phalcon5, community, update
Published: 2021-08-17 20:40:33

---
title: Community Hangout and Update - 2021-08-21
published: true
date: 2021-08-17 18:04:40 UTC
tags: phalcon4,phalcon5,community,update
canonical_url: 
---

Join us this Saturday 21st of August at 10:00 EST (14:00 UTC) for a community hangout and update.

- PHP 8 - 8.1
- v4
- v5

[https://youtu.be/BCgRVeTyaLc](https://youtu.be/BCgRVeTyaLc)

Looking forward to seeing everyone there!
Xc
Tags: flutter, functional, css, html
Published: 2021-08-17 17:33:48

Currently, I'm in my pre final year of Bachelor's in Engineering degree. I'm doing my undergrad from Electrical engineering, and I was very much curious about Software development since my school days and been always looking for sources from where I could learn and implement my knowledge. After coming to my college, I figured out my topics of interest and Machine learning has really amused me, the ability of Machines to learn and manipulate data has been topic of interest to me and that's why I've been selected by IIT Madras, for the course of Data Science and till now it has been a beautiful journey. Apart from Data Science, DevOps seems a really interesting topic to me, the way DevOps and Data Science can work is simply magnificent. I've been a regular follower of CNCF community and the work this community has done is beyond appraising and I think learning in public or in community is the best place to learn where your mistakes are solved with from the best in the business and the kind of help you get is amazing. As a persistent student I've always wanted to be in a space where I can learn without being judged. As I'm not a major in DevOps Engineering I've significantly increased my capabilities to learn the core of DevOps like K8,
You Can Now Register for CodeLand 2021 & View the Speaker Lineup 🌈
Tags: codeland, codenewbie, meta
Published: 2021-08-17 17:32:42

---
title: You Can Now Register for CodeLand 2021 & View the Speaker Lineup 🌈 
published: true
description: Join us at CodeLand 2021! 
tags: codeland, codenewbie, meta
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jzq1y1wcbo22rh3vi2ta.png
---

[CodeLand](https://codelandconf.com) is a special time of year for the DEV and CodeNewbie communities — it's our chance to celebrate early-career software developers, people learning to program, mentorship, and form authentic connections with the code-obsessed.

That's why we're so thrilled to pass along the [news](https://community.codenewbie.org/codenewbie/register-for-codeland-2021-and-see-who-s-speaking-eek) that **registration for this year's two day, virtual event is now open and speakers and workshops have been announced.** 🎉 Please join us on September 23rd & 24th, 2021 for this unforgettable global gathering.  

> ### [>> View the lineup of keynotes and talks](https://codelandconf.com/#program)
> ### [>> Grab a ticket](https://codelandconf.com/#attend). The cost? Whatever works for you, starting at $0. 
> ### [>> Sign up for an account on CodeNewbie Community](https://community.codenewbie.org/enter) if you haven't already. You'll need it to fully participate in CodeLand.

### Read more details on this exciting news [here](https://community.codenewbie.org/codenewbie/register-for-codeland-2021-and-see-who-s-speaking-eek).

If you love to code, you'll love [CodeLand](https://codelandconf.com) — hope to see you there!

---

_P.S. Want this community to hear from you at CodeLand? Organizers are still accepting short videos for "CodeLand Recess" until August 20th. [Learn more and submit your entry today](https://community.codenewbie.org/codenewbie/a-new-codeland-opportunity-for-creative-codenewbies-5e82)._ 🌈
Grid as I know it
Tags: css, html, webdev
Published: 2021-08-17 17:25:51

Grid unlike flex-box is something difficult to wrap around your mind with.It can cause a lot of problems if you don't understand it as i have experienced.
Grid is very helpful when it comes to making a layout for websites and it becomes even more powerful when you combine it with flex-box.They are like the jay and veeru of css world one is incomplete without the other.You can make do with just one of them but why make do when you can use both.
grid has numerous properties to use but I am just going to give you a brief of the basics because it might get overwhelming and the more you practice more you gonna understand how things work with grid.
Just like flex-box we need to give a property of display:grid to a container with some elements inside it.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/efwz2ebo1hc9t1vf6lds.png)
as you can see from above picture as soon as we apply the display grid the elements try to take the whole length of the container div  and they are still in a column unlike flex-box.
In flex-box for us to center elements vertically and horizontally you gotta write justify-content center and align-items center but in grid it is just one line of code you write place -items center and voila.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/24yxc722s6z3qw7xv78w.png)
But the real power of grid comes from its grid-template-areas and grid-template-columns that allows you to make any layout for website a hell lot easier than ever.
With grid template areas you give names to containers so that you can reference then and then simply with grid template areas on the container with display grid you can make the layout for example

`.div1{
area:nav
}
.div2{
area:main
}
container{
display:grid;
grid-template-columns:1fr 1fr 1fr;
grid-template-area:"nav nav nav" 
                   "main main main"
}`
With this type
 of code it becomes easier to make the website responsive as you just have to switch the grid-template-columns and area for a single column layout and its responsive.
example:
`container{
display:grid;
grid-template-columns:1fr;
grid-template-area:"nav " 
                   "main"
}`
Thanks for reading!!
Password view toggling only html and css
Tags: css, html, password, programming
Published: 2021-08-17 17:18:27

---
title: Password view toggling only html and css
published: true
description: 
tags: css,html, password, programming
//cover_image: https://direct_url_to_image.jpg
---

I got this resource from stackoverflow,
I found 2 ways to toggling password view
like using ' -webkit-text-security: disc;' css property and font-family way.
Here is the resource: 
<a href="https://stackoverflow.com/questions/17769429/get-input-type-text-to-look-like-type-password"> https://stackoverflow.com/questions/17769429/get-input-type-text-to-look-like-type-password  </a>

{% codepen https://codepen.io/nikhilroy2/pen/LYyovLy %}

Thanks,
My coding journey
Tags: firstyearincode, javascript, html, codenewbie
Published: 2021-08-17 04:22:00

These past few years have been exciting, we have seen the rise of new technologies and ways of thinking that have fundamentally changed how we as a species have interacted, thought, and lived, this arguably all started with the internet, which in concept is basically quite simple, literally- how do we make computers talk to each other- by allowing them to talk to each other it has led to multiple ways by which we can talk to ourselves and indeed our environment. Most of us don't know how the internet works, it is if we look at it poetically "in the air" but what we do know is how an amazing website looks like, how intuitive the website is grabs our attention, the color scheme of the website keeps us a little more hooked, when we move past that and see the layout of information and the immersive ui, we come back again and again. When i visited https://internship.zuri.team for the first time i knew i had found the place that would take me through the steps necessary for me to start making websites that will make people come back again and again, but before i could immerse myself fully in the program i had to start with the basic, after all Rome wasn't built in a day right? i had to look up design and that went smoothly using this tutorial for Figma https://www.youtube.com/watch?v=FTFaQWZBqQ8&ab_channel=AJ%26Smart
after that i sunk my teeth into a guide for using git https://www.youtube.com/watch?v=DVRQoVRzMIY&ab_channel=TechWithTim
we all know the foundation for frontend web development starts with html so i had to get the thought process running with this tutorial https://www.youtube.com/watch?v=qz0aGYrrlhU&ab_channel=ProgrammingwithMosh and finally i settled down with a tantalizer about javascript https://www.youtube.com/watch?v=W6NZfCO5SIk . My reasoning for entering the zuri internship programme is simple, i want by the end of it to be able to enter the industry and be one of those making a difference in the tech ecosystem, it is an internship that has produced alot of talented individuals and i hope to be one of them, its an exciting journey in an exciting period, i cant wait to get cracking!!
My HNGi8 Internship Prospects
Published: 2021-08-17 17:11:22

My name is Richard Ikechukwu, i'm an aspiring front end developer.I heard about HNGi7 really late last year, when the program was already far gone, and i was gutted that i missed a wonderful opportunity to learn amidst the corona pandemic in the country so i was determined to get connected to the HNGi8 program. 

I got a wind of HNGi8 earlier and i applied and i was delighted when i saw the email that i made it into the training and so i am determined to make the best of this opportunity given to me.

My primary goal on this internship is to learn and challenge myself in my chosen track (frontend) also to get enough corrections from other interns , get introduced to new concepts in my tech stack and beyond and also fortify what I assumed to have learnt.

My other objective for the internship is to meet new people and rub minds with people with great ideas , get connected and then sustain this connection even after the internship. Really working on this! Consequently , if you are here let's connect 😉 :

**Github:** https://github.com/Mankind96


On my learning journey, I have had youtubers like Florin Pop whose videos have helped me a lot. Two of those videos are conquering html and html5 youtube.com/watch?v=pACOweChpEU, which was helpful to me in completing my freeCodeCamp responsive design projects and this hamburger menu tutorial 

I also appreciate developers  who share their knowledge for free through videos, articles, podcasts and social media and hope to one day do the same so that I can help many other people like me out there.

Some beginner tutorials that have helped me so far and I would recommend are:

Figma - https://www.youtube.com/watch?v=dXQ7IHkTiMM
Github - https://www.youtube.com/watch?v=RGOj5yH7evk
Javascript - https://www.youtube.com/watch?v=W6NZfCO5SIk
I hope these help someone as much as they have helped me.

Below is a link to the Zuri team. Anyone can be part of this great scheme

https://internship.zuri.team/
Flex-box as I understand it
Tags: css, webdev
Published: 2021-08-17 17:02:41

Flex-box is like any other concept ,it is not something you can learn/understand just by reading .Unless you write the code yourself and experiment with it you can never understand it.It costed me some time because I was just watching a lot of videos and not writing the code .More you code, more you learn and more you experiment ,more you experiment more you get into errors and when you fix those errors you become what is called a developer.I will try my best to explain how I understand flex-box works.

So first things firsts:
*In order for you to apply flex-box (helps in positioning containers and its elements) you need a container that has some elements.
*To apply flex-box in a container you access with container/div with its class or id and give it a property called display:flex;
*As soon as you do display:flex in a container all the elements inside the container with move into a single row;
As you can see below there is a container that has yet to be applied display flex,you will notice that the container's elements are all in a column .
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wh54ze0i9jgvjq3hstgc.png)
Now notice what happens if we put a display flex in the container
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lugj474a2qrq92mwlv87.png)
Now you can notice i applied display flex on the container having the element and all of the elements inside it moved in a row which is a default behaviour of flex-box ,you can change this by applying the flex-direction:column in the container to move the elements back in one column.

This helps in responsive design because some time you want the elements to be in a row and some times in column.
you can also use the change the order by using flex-direction:row reverse and column-reverse which would change the order of the elements inside the container.Take a look below i have given each element a different color so you can notice the difference.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/czkx9x9o9xtywusux37w.png)
this is after applying flex-direcetion row-reverse,it reversed the order of elements while keeping it in a row ,same can be done with columns as well
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iqca286hyghwq0vthk32.png)
If you notice the elements are centered in the above picture which is because of another property of flex-box called justify-content:center what it does is that is horizontally centers the elements and to center the elements we use align-items :center.You can learn about more option you get with them like space-evenly which are also helpful mostly in navigation bars.Below is the align items property picture.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/202n995v3l7apgwrntt0.png)
Thanks for reading it so far you can get started with flex-box now.Read more about it in w3school and practice it well.
$55k/m as a self taught web developer - Arvid Kahl podcast interview
Tags: entrepreneur, saas
Published: 2021-08-18 14:56:57

---
title: $55k/m as a self taught web developer - Arvid Kahl podcast interview
published: true
date: 2021-08-17 15:31:57 UTC
tags: Entrepreneur, SaaS
canonical_url: https://www.nocsdegree.com/self-taught-web-developer-arvid-kahl-podcast/
---

 ![$55k/m as a self taught web developer - Arvid Kahl podcast interview](https://www.nocsdegree.com/content/images/2021/08/iu-104-2.jpeg)

I had a chat with Arvid Kahl, a self-taught web developer and the co-founder of an app for teachers that made $55k a month.

We talked about how he learned to code without a CS degree, why you don't need a degree to be successful, how to start your own business without venture capital, the importance of building an audience and loads more!

This interview is available in podcast form at the moment - a transcript and YouTube video will be up soon. Arvid is a very enthusiastic person and it was a really fun interview!

<!--kg-card-begin: html--><iframe width="100%" height="180" frameborder="no" scrolling="no" seamless src="https://share.transistor.fm/e/44d59d99"></iframe><!--kg-card-end: html-->

Check out Arvid's very popular ebooks: [Zero to Sold: How to Start, Run, and Sell a Bootstrapped Business](https://gumroad.com/a/715388019) and [The Embedded Entrepreneur](https://gumroad.com/a/715388019/irsgh) (affiliates)
My HNGI8 Goals
Published: 2021-08-17 16:48:18

It's that time of the year again, when the HNG internship begins, before HNG I already did Zuri(https://zuri.team) internship earlier this year.

Zuri internship was slow-paced compared to HNG and was more geared towards beginners, so I dropped out before reaching the finals, the experience nevertheless was invaluable.

But that's in the past HNG has begun, this article serves to hold my Future self accountable to me of the past.

While I'm not really a novice, I'm sure there's still a lot to learn, and I'm going to start by attaching links to areas I'm required to learn.

First off is Figma, a beginner tutorial to using Figma can be found at  https://dev.to/raoufbelakhdar/learn-figma-basics-part-1-introduction-to-figma-user-interface-13l8 After learning its contents, I'll apply what I've learned to make an actual design.

Next up is HTML and CSS basics tutorial, which can be found at https://dev.to/javascript_tuto/learn-html5-and-css3-for-beginners-14bp Though I already know them, it's an opportunity to refamiliarize myself with Parts I've forgotten.

Next up is Git, which is an indispensable tool for people who build software, a basic introduction to git can be found at https://dev.to/tracycss/git-and-github-for-beginners-po3 Again, I'm not really using it for the first time, but I'll look into grounding my knowledge of git workflows.

Last is Golang, I haven't written a line of go before, so I'm going to be putting in extra energy into this one, a tutorial can be found at https://dev.to/collabnixcommunity/golang-for-beginners-3c85

That's it, that's the article, let's go!!.
Beginners course for mobile app dev at zuri
Published: 2021-08-17 16:48:07

ZURI is an online training institute that teaches new or experinced tech enthusiasts using tasks or challenges in order to make them proffessionals in whatever field they are being disciplined in.
Here are my reasons for studiying at Zuri:
I hope to gain a better knowledge on mobile applications developement.
Familliarising myself with coding
I hope to be proficient with the use of FLUTTER and KOTLIN.
I hope to be able to create my own mobile application.
To acpuire basic skills in a tech field.
Being able to generate an income with the acquired skills.

Below are set goals I hope to have achieved under 8 weeks of the 10 task course:
Laying a strong foundation in Software Develpment.
Become a full fledged Mobile Application Developer.
To be efficiently capable of making my own mobile application.
And of course to become an established freelance business entity in this field
Check out some links to articles on git,fltter, and figma tutorial;https://www.youtube.com/watch?v=FTFaQWZBqQ8;
https://www.youtube.com/watch?v=SWYqp7iY_Tc;
https://www.youtube.com/watch?v=x0uinJvhNxI;
Thank you @ Zuri team(https://internship.zuri.team/) for the opportunity
Goals for the HNG 8 Internship
Published: 2021-08-17 15:15:56

It was Saturday morning when I received a mail from HNG 8 * ingressive4Good for having qualified for their internship program and to join the slack work space. Excitement ran through me. Having joined the just concluded Zuri training which built my foundation in UI/UX (User Interface/ User Experience) design, partaking in the HNG Internship was a dream come true.

You might be wondering, what's HNG all about? HNG Internship is a long running, large scale virtual internship for people learning to code and design. It focuses on the post-training phase, and creates a virtual work environment for participants.

The Internship spans for 8 weeks and is designed to surface the very best of candidates out of a large pool of participants. It is fast paced and challenging, and helps people learn how to work in teams, deal with pressure and quickly expand their knowledge.

Having qualified for this internship, I have set out goals which I wish to accomplish by the end of this program.

According to statistics, those who commit their goal-setting on paper actually achieved more compared to those who were simply asked to think of what they wanted to accomplish in life.  

Having this in mind I have decided to be specific about my goals for the HNG 8 Internship. 

Some of these goals for the next 8 weeks of the Internship include:
  1. Enhance and sharpen my design skills on figma in order to create exciting user interfaces for a greater User experience. 

  2. Further understanding and implementation of design principles to real life situation.

  3. Connect and network with people.

  4. Learn how to be a proactive team player and to be among the best 100 Designers who will be chosen by the end of the program.

  5. Lastly, I wish to build a healthy work habit whilst multitasking such that no aspect of my life is completely neglected. I wish to also learn how to manage pressure and solve challenges. This can be achieved by attending to the most important tasks early before it becomes urgent.

You too can also start your journey by joining the https://zuri.team. 
You will be mailed when registration for the next cohort commences. Don’t be scared, it’s wholly free, and the training is totally remote.
You can also start learning on your own. Trust me, it’s way easier than you think. Here are links to some tutorials I started with:

HTML (start here): https://www.youtube.com/watch?v=pQN-pnXPaVg

GIT(don’t worry, you’d catch up easily): https://www.youtube.com/watch?v=RGOj5yH7evk

Figma (for design): https://www.youtube.com/watch?v=pQN-pnXPaVg

Javascript: https://www.youtube.com/watch?v=PkZNo7MFNFg