DEV Community: Alestor Aldous

Curl In 5 Min

Alestor Aldous — Fri, 25 Dec 2020 18:33:02 +0000

So What is Curl ??

Curl is a cli tool for making http from terminal it allows us to use other protocols such as FTP

CURL - Client URL

Simple Get Request Using Curl

curl http://www.name.domain

by default it will log the output or if you want to save response as a file use `-o` argument

Example

curl -o output.html http://www.name.domain

Also

curl http://www.name.domain > output.html

For Specifying URL use

curl -s http://www.name.domain

For POST method

curl -d '{"name":"John","surname":"Doe"}'\http://www.name.domain

The -X flag specifies a custom request method to use when communicating with the HTTP server. By default, the GET method is used unless some other method is specified.

Setting User Agent

curl --user-agent "Mozilla/4.73 [en] (X11; U; Linux 2.2.0 i686)" http://www.name.domain

Conclusion

yeah every one should know how to use curl

Keep Coding !!!

🙏 Share with your friends on Twitter

👇 Find more posts on the following topics

So Declare Code War

Alestor Aldous — Tue, 08 Sep 2020 07:59:25 +0000

So What Is Code Wars ??

Code Wars is a learning platform where developers improve their skills by coding challenges Code Wars

So What Should I Do Now ??

Go to the Code Wars webpage and sign up and start coding try accepting different challenges

and post your progress on twitter and github

So What Are The Benefits ??

It will siginificantly increase your coding skills

Conclusion

Keep Coding !!!

🙏 Share with your friends on Twitter

👇 Find more posts on the following topics

So Canvas ???

Alestor Aldous — Tue, 08 Sep 2020 07:57:35 +0000

What is HTML Canvas?

The HTML`<canvas>` element is used to draw graphics, on the fly, via JavaScript.

The `<canvas>` element is only a container for graphics. You must use JavaScript to actually draw the graphics.

Canvas has several methods for drawing paths, boxes, circles, text, and adding images.

Canvas Examples

A canvas is a rectangular area on an HTML page. By default, a canvas has no border and no content.

The markup looks like this:

<canvas id="myCanvas" width="200" height="100"></canvas>

Note: Always specify an id attribute (to be referred to in a script), and a width and height attribute to define the size of the canvas. To add a border, use the style attribute.

Here is an example of a basic, empty canvas:

Add a JavaScript

Draw a Line

<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.moveTo(0, 0);
ctx.lineTo(200, 100);
ctx.stroke();
</script>

Conclusion

Keep Coding !!!

🙏 Share with your friends on Twitter

👇 Find more posts on the following topics

Should You Learn Bootstrap In 2020

Alestor Aldous — Tue, 08 Sep 2020 07:55:33 +0000

So Should You Use Bootstrap In 2020

The short answer is it depends. When it comes to frontend development bootsrap can save you a lot of time but if you want to develop your frontend skills bootsrap can't save your day.

Opinion

Every one's opinion defers when it comes to front end frameworks some people love those and others hate them. Its not like learning a language or a skill but mostly I often refer to the docs. Boostrap is very easy to learn and its pretty good for people who doesn't want to spend lot of time on css.You can customize boostrap other wise it will be looking like other bootsrap web pages.

So Bro What About Bootsrap 5?

K so bootsrap 5 is now in a alpha stage it dosnt make any issue when u switch to boostrap 5 but its good for widgit js.

Jquery Is It Disappearing?

The Short answer is yes jquery is fainting out and mostly no one uses jquery now a days.

Bro What About My Css Skills

You can improve your css skill by doing different challenges such as try [Challenge]

Conclusion

Every Framework has its own pros and cons

Keep Coding !!!

🙏 Share with your friends on Twitter

👇 Find more posts on the following topics

Battle Ship Challenge For Developers

Alestor Aldous — Tue, 08 Sep 2020 07:54:04 +0000

So What Is This Battle Ship Challenge ????

A few days ago CodeStackr,Ania Kubów,

Web Dev Simplified

Made a youtube collab

In this collab they made a multi player battles ship game

Try Making this project from scratch it would

siginificantly improve your js skills and a golden fether

for your portfolio as a developer

To build this project it takes a siginificant amount of

time and effort and it's worth time try making it better

So What Sould I Do Now ???

Try to build the project from scratch or try imporoving the exsiting project at Battle Ship Git

It includes socket.io for multi player game

And Tweet Every Progress If You Can

Conclusion

Keep Coding !!!

🙏 Share with your friends on Twitter

👇 Find more posts on the following topics

Should I Go For Node or Golang

Alestor Aldous — Tue, 08 Sep 2020 07:52:16 +0000

So Should I Learn Golang or Node js

The short Answer is "you should go for Node js" let me explain ..

So The Learning Path ??

When It comes to golang its dedicated for web dev but node js is the best because it uses js. js is being used every where. js is a mature language on the other hand go lang still developing and it can be used only for backend. Mostly Both Language is made for web dev. Most Developers preffer using node js.Go Lang has a steep learning curve.\

Conclusion

Keep Coding !!!

🙏 Share with your friends on Twitter

👇 Find more posts on the following topics

Where Should I Deploy

Alestor Aldous — Tue, 08 Sep 2020 07:51:01 +0000

So Where Do I Deploy My App ??

There are serveral platofroms to deploy your app

It depends on the complexity and use of your app

If you just want to show case your app you can use one among these 👇

Heroku

Heroku is a cloud platform to host your apps simply
You only need to know basic git commands
It comes with no cost but you can deploy 5 app max
Widely used by Developers

Netlify

You can deploy unlimited deploys
Widely used by Developers

Github Pages

You can deploy unlimited apps
Can use github actions for automations

When It comes to Scalability

AWS

You can deploy unlimited Apps for an developer or an enterprise plan
Recommended By Developers
Even Dev.to is deployed on AWS # Azure
You can deploy unlimited Apps for an developer or an enterprise plan

And More ..

Conclusion

Every Service has its own pros and cons

Keep Coding !!!

🙏 Share with your friends on Twitter

👇 Find more posts on the following topics

So What The Heck Is Taiwind??

Alestor Aldous — Tue, 08 Sep 2020 07:49:35 +0000

So What The Is Taiwind ??

Taiwind highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.

So Should I Use It ??

It depends on your application you want to develop.TaiWind is a good companion when it comes to styling and time.

So How Do You Get Started ??

Please Refer To The Docs For More Info Docs

Is It Better Than Boostrap ??

Each Framework Has Its Own Pros and Cons

When it comes to popularity Boostrap is well ahead of taiwind

Should I Use It In Every App ??

The short answer is no !!! Try coding everything from scratch it will defenitly improve your css skills

Conclusion

Refer To This Tutorial If You Want Learn Taiwind

Keep Coding !!!

🙏 Share with your friends on Twitter

👇 Find more posts on the following topics

Console Every Where

Alestor Aldous — Tue, 08 Sep 2020 07:46:18 +0000

Did you know that there are more console than console.log

Stick to the end because we are going to find out

So What Is Happening ????

So there are many options for console such as

console.log("This is the outer level");

console.group("First group");

console.log("In the first group");

console.group("Second group");

console.log("In the second group");

console.warn("Still in the second group")
;
console.groupEnd();

console.log("Back to the first group");

console.groupEnd();

console.debug("Back to the outer level");

So Let Explain

console.assert()

Log a message and stack trace to console if the first argument is false.

console.clear()

To Clear the console.

console.count()

Log the number of times this line has been called with the given label.

console.countReset()

Resets the value of the counter with the given label.

console.debug()

Outputs a message to the console with the log level debug.

console.dir()

Displays an interactive listing of the properties of a specified JavaScript object. This listing lets you use disclosure triangles to examine the contents of child objects.

console.dirxml()

Displays an XML/HTML Element representation of the specified object if possible or the JavaScript Object view if it is not possible.

console.error()

Outputs an error message. You may use string substitution and additional arguments with this method.

console.group()

Creates a new inline group, indenting all following output by another level. To move back out a level, call groupEnd().

console.groupCollapsed()

Creates a new inline group, indenting all following output by another level. However, unlike group() this starts with the inline group collapsed requiring the use of a disclosure button to expand it. To move back out a level, call

groupEnd().
console.groupEnd()

Exits the current inline group.

console.info()

Informative logging of information. You may use string substitution and additional arguments with this method.

console.log()

For general output of logging information. You may use string substitution and additional arguments with this method.

console.profile()

Starts the browser's built-in profiler (for example, the Firefox performance tool). You can specify an optional name for the profile.

console.profileEnd()

Stops the profiler. You can see the resulting profile in the browser's performance tool (for example, the Firefox performance tool).

console.table()

Displays tabular data as a table.

console.time()

Starts a timer with a name specified as an input parameter. Up to 10,000 simultaneous timers can run on a given page.

console.timeEnd()

Stops the specified timer and logs the elapsed time in seconds since it started.

console.timeLog()
Logs the value of the specified timer to the console.

console.timeStamp()

Adds a marker to the browser's Timeline or Waterfall tool.

console.trace()

Outputs a stack trace.

console.warn()

DEV Community: Alestor Aldous

Curl In 5 Min

So What is Curl ??

Curl is a cli tool for making http from terminal it allows us to use other protocols such as FTP

Simple Get Request Using Curl

by default it will log the output or if you want to save response as a file use -o argument

Example

Also

For Specifying URL use

Setting User Agent

Conclusion

yeah every one should know how to use curl

Keep Coding !!!

🙏 Share with your friends on Twitter

👇 Find more posts on the following topics

So Declare Code War

So What Is Code Wars ??

Code Wars is a learning platform where developers improve their skills by coding challenges Code Wars

So What Should I Do Now ??

Go to the Code Wars webpage and sign up and start coding try accepting different challenges

So What Are The Benefits ??

It will siginificantly increase your coding skills

Conclusion

Keep Coding !!!

🙏 Share with your friends on Twitter

👇 Find more posts on the following topics

So Canvas ???

What is HTML Canvas?

The HTML<canvas> element is used to draw graphics, on the fly, via JavaScript.

The <canvas> element is only a container for graphics. You must use JavaScript to actually draw the graphics.

Canvas has several methods for drawing paths, boxes, circles, text, and adding images.

Canvas Examples

A canvas is a rectangular area on an HTML page. By default, a canvas has no border and no content.

Note: Always specify an id attribute (to be referred to in a script), and a width and height attribute to define the size of the canvas. To add a border, use the style attribute.

Here is an example of a basic, empty canvas:

Add a JavaScript

Draw a Line

Conclusion

Keep Coding !!!

🙏 Share with your friends on Twitter

👇 Find more posts on the following topics

Should You Learn Bootstrap In 2020

So Should You Use Bootstrap In 2020

The short answer is it depends. When it comes to frontend development bootsrap can save you a lot of time but if you want to develop your frontend skills bootsrap can't save your day.

Opinion

So Bro What About Bootsrap 5?

K so bootsrap 5 is now in a alpha stage it dosnt make any issue when u switch to boostrap 5 but its good for widgit js.

Jquery Is It Disappearing?

The Short answer is yes jquery is fainting out and mostly no one uses jquery now a days.

Bro What About My Css Skills

You can improve your css skill by doing different challenges such as try [Challenge]

Conclusion

Every Framework has its own pros and cons

Keep Coding !!!

🙏 Share with your friends on Twitter

👇 Find more posts on the following topics

Battle Ship Challenge For Developers

So What Is This Battle Ship Challenge ????

A few days ago CodeStackr,Ania Kubów,

Made a youtube collab

In this collab they made a multi player battles ship game

Try Making this project from scratch it would

siginificantly improve your js skills and a golden fether

for your portfolio as a developer

To build this project it takes a siginificant amount of

time and effort and it's worth time try making it better

So What Sould I Do Now ???

Try to build the project from scratch or try imporoving the exsiting project at Battle Ship Git

It includes socket.io for multi player game

And Tweet Every Progress If You Can

Conclusion

Keep Coding !!!

🙏 Share with your friends on Twitter

👇 Find more posts on the following topics

Should I Go For Node or Golang

So Should I Learn Golang or Node js

The short Answer is "you should go for Node js" let me explain ..

So The Learning Path ??

Conclusion

Keep Coding !!!

by default it will log the output or if you want to save response as a file use `-o` argument

The HTML`<canvas>` element is used to draw graphics, on the fly, via JavaScript.

The `<canvas>` element is only a container for graphics. You must use JavaScript to actually draw the graphics.