DEV Community: Paul Dunz

Learning FRONT-END DEVELOPMENT as a beginner!👨🏻‍💻

Paul Dunz — Sat, 30 Oct 2021 13:41:26 +0000

As a beginner it's always hard to start and follow a new passion. You don't know where to start, what resources to use or what language to learn first. Especially in the coding section/area it's extremely hard to find a way how to start. That's the reason, why I created this post on my Instagram account @javascript_coding. At the end of the post I gave a free guide I had written on my own, to all my followers. If you are interested in, too, make sure to read the whole article and stay tuned till the end!

1. Start learning HTML

HTML (Hypertext Markup Language) creates the whole structure of a website. Any text or headline is created/written in HTML.

Without any style your website looks extremely empty and boring, like this:

That's the reason why any website needs CSS...

2. Continue learning CSS

CSS (Cascading Style Sheets) gives you the possibility to style the HTML elements, like headlines or normal text fields. With CSS you can create animations and way more!

With CSS, the example you've seen above the CSS section, looks way more interesting.

This example is a part of my website javascriptcoding.org.

3. Keep going with JavaScript

JavaScript is the biggest part of all sections! To become a master in JavaScript, it takes years. In comparison to HTML and CSS it's way more complex, but it takes only a few weeks to understand the basics. To learn these basics it takes only a few good YouTube tutorials on JavaScript. The main functionality can be done by only an experience of less than one month. Functionalities like clicking on a button or changing the content on your page. Change the style of HTML elements with JavaScript and a lot more!

4. Creating apps on the internet with ReactJS

One HTML file for a whole website? That's true in some way. In ReactJS, the HTML part is written in JavaScript classes. These classes are taken and "send" all content to the single HTML file.

5. FREE Web Development GUIDE!

Go to my Instagram Account and click on the link in my bio. On this page you'll see the link to my free PDF guide. In this guide, there are several tips and links to YouTube videos. This guide gives you the possibility to start learning web development as a whole beginner!

Make sure to like and save this article and don't forget to download your guide ;)

Awesome GitHub profile every developer 👨🏻‍💻 must have‼️🤩

Paul Dunz — Tue, 28 Sep 2021 18:27:11 +0000

Background story

A few weeks ago I was scrolling through my Twitter and saw that one guy, who tweetet his nice and new GitHub profile. First thoughts I had, were... OMG this looks awesome or did he do that, so I wanted to do the same with my GitHub profile. After a few seconds I've already found the right page, that explained every single step to me.
With this article I am going to explain all these steps to you. So stay tuned and read till the end!

Let's start

First step: Create a GitHub repository

For this step, you need to create a GitHub repository, that has the name of your GitHub account.
In my case it was "PaulD103", like the name of my GitHub profile.

Second step: Create a README.md file

Do you know how to create README files?
It's basically the same. Just write some markdown language, give your README file a headline and write some personal information!

For a more detailed GitHub profile, you can use this template here:

PaulD103 / PaulD103

My personal repository

Hi 👋, I'm Paul

A Self-Taught Developer, Currently Learning Artificial Intelligence in Python

🔭 I’m currently working on Side Projects in Javascript, I share on my own coded React WebApp
🌱 I’m currently coding an app in Flutter. In a few weeks V1.0 will be launched!
👯 I’m looking to collaborate on JavaScript projects
🤝 I’m looking for help with Artificial Intelligence in Python
👨‍💻 All of my projects are available at javascriptcoding.org
💬 Ask me about Python, Flask, JavaScript, React.js, CSS and SQL
📫 How to reach me contact@javascriptcoding.org
⚡ Fun fact I love films about artificial intelligences

Connect with me:

Languages and Tools:

View on GitHub

Information

When visiting my profile you're able to see my total amount of Twitter followers, the views on my GitHub profile and my current stats on GitHub. I show you all the platforms, where you're able to connect with me to, like Twitter or Instagram and I tell you some tools and languages I am used to.

How to use this template?

click on this profile
look up the code
copy it
change all the name tags, with your information

Small template for a easier way to use

<h1 align="center">Hi 👋, I'm Paul</h1>
<h3 align="center">A Self-Taught Developer, Currently Learning Artificial Intelligence in Python</h3>

<p align="left"> <img src="https://komarev.com/ghpvc/?username=pauld103&label=Profile%20views&color=0e75b6&style=flat" alt="PaulD103" /> </p>

<p align="left"> <a href="https://github.com/ryo-ma/github-profile-trophy"><img src="https://github-profile-trophy.vercel.app/?username=pauld103" alt="PaulD103" /></a> </p>

- 🔭 I’m currently working on [Side Projects in Javascript](https://github.com/PaulD103/javascriptcodingProjects), I share on my own coded [React WebApp](https://javascriptcoding.org)

- 🌱 I’m currently learning **Artificial Intelligence, CS50's Introduction to Artificial Intelligence with Python**

- 👯 I’m looking to collaborate on **JavaScript projects**

- 🤝 I’m looking for help with **Artificial Intelligence in Python**

- 👨‍💻 All of my projects are available at [javascriptcoding.org](https://javascriptcoding.org)

- 💬 Ask me about **Python, Flask, JavaScript, React.js, CSS and SQL**

- 📫 How to reach me **contact@javascriptcoding.org**

- ⚡ Fun fact **I love films about artificial intelligences**

Change the basic information about me like my profile names and set it to yours!

Support:

Comment down below, what you think about my GitHub profile. Follow me on Instagram @javascript_coding and make sure to check out my website for more awesome JavaScript side projects I coded on my own!

Best JavaScript coding projects for beginners! 👨🏻‍💻

Paul Dunz — Thu, 09 Sep 2021 19:45:49 +0000

If you started coding in JavaScript and want to know some awesome project ideas, to practice this language on its fullest, here are the best JavaScript coding projects for beginners!!

Weather App

This project will help you to learn, how to deal with API's and the JS-fetch function.

Shopping Cart

A shopping cart teaches you how to deal with API's or databases. It allows you to deal with a lot of data. Furthermore you have the possibility to add some filters.

Portfolio Page

This project is extremely simple. You don't have to use any API's or databases for this. There is no need for any backend! Just make some kind of landing pages and add interesting information about you! For more, just add a simple contact page!

Tic Tac Toe

With this game, you'll get a small view into game development. Especially for games where you and your partner have to play in alternating order.

To-Do List

With this project you will go deeper into the thematic "removing and adding" elements. You will learn how to deal with "Drag and Drop" and way more!

Digital Clock

The digital clock is a very basic project to get to know the built in function for time. Beside to that you'll learn some CSS skills.

It's your turn!

Comment down below other awesome projects for beginners, that you already coded. Let me know!

My personal 6 best tips for programmers🤩🤝

Paul Dunz — Thu, 02 Sep 2021 12:37:15 +0000

In this post I will tell you my own secrets and tips about programming!

After 4 years of coding experience, I listed up the most important secrets you need to do, to earn way more experience and knowledge!!

Ask other people for help!

Try to explain you your code to other people!

Do a code review and make your project more efficient!

Join coding communities!

Learn more algorithms and data structures for better projects!

Write your own projects!

Artificial Intelligence Chatbot

Paul Dunz — Sun, 29 Aug 2021 18:10:32 +0000

Yesterday I finished this little side project. The goal was to learn more about AI in python and I always wanted to build some kind of bot, that communicates with me. So I started to do some research on how to handle with all these input data. After a few YouTube videos and a lot of tutorials on the internet, I started coding and ended up with this...
It still has no name 😂...
Maybe you have some ideas.