Best Jobs In Software Engineering Field

by Muhammad Asif | Web developer

At first, take my greetings💥. What's up, everyone? Today I will talk about the different roles of software engineers. Many of us think that software engineers only make software. But this idea is completely wrong. So let's take a look at what kind of work a software engineer does😁😁.

1. SDE: The full meaning of SDE is Software Development Engineer. Hearing the name of the title, you can understand what kind of work this person is doing. Yes, this person is responsible for creating software. SDEs are usually not specified what they will do. In other words, sometimes they need to do web, sometimes they need to do mobile dive, sometimes they need to work with the desktop app and sometimes they need to work with the cross-platform app. In other words, they are an all-Janata service😊.

2. QA/QAE: The full meaning of QAE is Quality Assurance Engineer. We call this gentleman Tester for short. Usually, an SDE  developer hands over the project to a QAE after creating its software. He then looks at the project requirements and writes some test cases accordingly. Then check that software with this test case. If he finds a bug, he knocks SDE again and tells him that the bug is verbal and that it should be fixed. And this loop lasts until QAE declares the software to be OK😁😁

3. SDET: This position is a combination of the above 2 positions. This person is also an SDE, but the funny thing is that this person has a bit more responsibility than a normal SDE. The full meaning of this is Software Development Engineer in Testing. A simple SDE only builds software but an SDET has to test as well as build software😌. 

4.DevOps: DevOps This word is a combination of 2 words. 1. Development and 2. Operations. We don't just have to create software, we have to bring that software to life, that is, we have to deploy it somewhere. Or if the software has already been created and a new feature is launched, then it is the responsibility of a DevOps Engineer to ensure that it is properly deployed. We, software engineers, try to follow a principle, which is CI / CD. A DevOps Engineer is responsible for maintaining the CI / CD rules. But it is not enough to just sit down and deploy, a DevOps has to maintain these🥰.

8. AI/ML Engineer: The full meaning of AI is Artificial Intelligence and the full meaning of ML is Machine Learning. I think beginners are more interested in this topic. So I said nothing more about it. You Google it. 😁😁😁

 What’s the Difference Between a Developer and a Programmer?

Introduction to forms

An HTML form is a section of a document containing normal content, markup, special elements called controls (checkboxes, radio buttons, menus, etc.), and labels on those controls. Users generally "complete" a form by modifying its controls (entering text, selecting menu items, etc.), before submitting the form to an agent for processing (e.g., to a Web server, to a mail server, etc.)

Here's a simple form that includes labels, radio buttons, and push buttons (reset the form or submit it):

<FORM action="http://somesite.com/prog/adduser" method="post">
    <P>
    <LABEL for="firstname">First name: </LABEL>
              <INPUT type="text" id="firstname"><BR>
    <LABEL for="lastname">Last name: </LABEL>
              <INPUT type="text" id="lastname"><BR>
    <LABEL for="email">email: </LABEL>
              <INPUT type="text" id="email"><BR>
    <INPUT type="radio" name="sex" value="Male"> Male<BR>
    <INPUT type="radio" name="sex" value="Female"> Female<BR>
    <INPUT type="submit" value="Send"> <INPUT type="reset">
    </P>
 </FORM>

Controls

Users interact with forms through named controls.

A control's "control name" is given by its name attribute. The scope of the name attribute for a control within a FORM element is the FORM element

Each control has both an initial value and a current value, both of which are character strings. Please consult the definition of each control for information about initial values and possible constraints on values imposed by the control. In general, a control's "initial value" may be specified with the control element's value attribute. However, the initial value of a TEXTAREA element is given by its contents, and the initial value of an OBJECT element in a form is determined by the object implementation (i.e., it lies outside the scope of this specification).

Control Types

HTML defines the following control types:

menus

Menus offer users options from which to choose. The SELECT element creates a menu, in combination with the OPTGROUP and OPTION elements.

text input

Authors may create two types of controls that allow users to input text. The INPUT element creates a single-line input control and the TEXTAREA element creates a multi-line input control. In both cases, the input text becomes the control's current value.

file select

This control type allows the user to select files so that their contents may be submitted with a form. The INPUT element is used to create a file select control.

hidden controls

Authors may create controls that are not rendered but whose values are submitted with a form. Authors generally use this control type to store information between client/server exchanges that would otherwise be lost due to the stateless nature of HTTP (see [RFC2616]). The INPUT element is used to create a hidden control.

object controls

Authors may insert generic objects in forms such that associated values are submitted along with other controls. Authors create object controls with the OBJECT element.

The elements used to create controls generally appear inside a FORM element, but may also appear outside of a FORM element declaration when they are used to build user interfaces. This is discussed in the section on intrinsic events. Note that controls outside a form cannot be successful controls.

The following Form is the example design of FreeCodeCamp. I Design this form From The Course of Responsive Web Design where CodePen was the online Code Editor

 PSD:

Acronym. Definition. PSD. (Adobe) Photoshop Data file (Extension)

PSD (Photoshop Document) is an image file format native to Adobe's popular Photoshop Application. It's an image editing friendly format that supports multiple image layers and various imaging options. PSD files are commonly used for containing high quality graphics data.

The PSD file type preserves a design as layered images which is extremely useful for future editing (and re-editing) of different parts of a design. … Photoshop can convert PSD files to other formats, such as PNG, JPG etc.… so you can export a design for a wide variety of uses, like web graphics.

PSD work

Download the psd and open it on Photoshop. Then open the picture. Now select the psd layer and drag it to the picture you want to edit

HTML

HTML (Hypertext Markup Language) is the code that is used to structure a web page and its content. For example, content could be structured within a set of paragraphs, a list of bulleted points, or using images and data tables HTML stands for Hyper Text Markup Language. HTML is the standard markup language for creating Web pages. HTML describes the structure of a Web page. HTML consists of a series of elements. HTML elements tell the browser how to display the content.

The below Design is the Example of PST to HTML conversion. You can convert is very easy by learning the process step by step.

Code Editor: Visual Studio Code

Elements: HTML5, CSS3, BOOTSTRAP4, JAVASCRIPT, JQUERY.

Supported Devices: Full Responsive for Mobiles, TAB, NOTES and PADS.

please rate my work, so that I can get more confidence for  responsive websites.

Also connect with me and get my popular working sites on-

Github: https://github.com/Mohammad-Asif-Web

linkedIn:https://www.linkedin.com/in/mohammadasif10/

Facebook: https://www.facebook.com/alexasifhhossain/

Thank you!

Project name: Success by Design

Code Editor: Sublime text

Elements: HTML5, CSS3, BOOTSTRAP, JQUERY, JAVASCRIPT, Animated CSS.

Its a Project of My home practice. Which I have created in 4 hours. Its a basic project for practice.

Thank you.

Project name: Food Delivary

Code Editor: Visual Studio Code

Elements: HTML5, CSS3, BOOTSTRAP4, JAVASCRIPT, JQUERY.

Supported Devices: Full Responsive for Mobile, Tab and Notes.

please rate my work, so that I can get more confidence for  responsive websites.

Thank you.