Basic Frontend Knowledge

Although I’m focusing on backend development, working with frontend developers is unavoidable especially when I’m designing the API for frontend developers to use. Therefore, we must acquire some frontend fundamentals, at least.

Image for post

HTML, CSS, Javascript are the three main elements to compose a website. Let’s find out what they can do one by one.


HTML

HTML(HyperText Markup Language) is used to markup different kinds of contents(e.g. Tables, paragraphs, lists, hyperlinks, images, videos, etc.) in a web page with tags. The user interface(UI) is built by using HTML.

Example of HTML file:

<!DOCTYPE html> <!–- Version of HTML being used -->
<html> <!–- Start of the HTML document -->
  <head> 
    <!-- 
    The head section of a document.
    Usually contains CSS, JavaScript
    scripts, metadata
    -->
    <title>Document Title</title>
  </head>
  <body> 
    <!--
    The content of the document goes
    into the body section
    -->
   <h1>First Heading</h1>
    <!–- Rest of page goes here -->
  </body>
</html> <!–- End of the HTML document -->

What kinds of tags do we have? You could take a look at this site:

HTML Reference

Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript…

www.w3schools.com

There are so many tags in HTML but keep this in mind. Never learn all the tags. Learning only the most common tags is already sufficient. The most common tags are:

  1. <h1> — <h6>Heading
  2. <p>Paragraph
  3. <a>Anchor
  4. <img>Image
  5. <ul> & <li>Unordered List & List Item
  6. <table> <tr> <th> <td> Table
  7. <div>Division

In short, HTML is the backbone of the a website.


CSS

CSS(Cascading Style Sheets) defines the styling of the markup document. For instance, colors, fonts, alignments, layout, etc. Every presentable HTML element has a set of style properties, modifiable with CSS.

#html #backend-development #front-end-development #javascript #css

What is GEEK

Buddha Community

Basic Frontend Knowledge

Hire Frontend Developers

Create a new web app or revamp your existing website?

Every existing website or a web application that we see with an interactive and user-friendly interface are from Front-End developers who ensure that all visual effects come into existence. Hence, to build a visually appealing web app front-end development is required.

At HourlyDeveloper.io, you can Hire FrontEnd Developers as we have been actively working on new frontend development as well as frontend re-engineering projects from older technologies to newer.

Consult with experts: https://bit.ly/2YLhmFZ

#hire frontend developers #frontend developers #frontend development company #frontend development services #frontend development #frontend

Biju Augustian

Biju Augustian

1574339995

Learn Python Tutorial from Basic to Advance

Description
Become a Python Programmer and learn one of employer’s most requested skills of 21st century!

This is the most comprehensive, yet straight-forward, course for the Python programming language on Simpliv! Whether you have never programmed before, already know basic syntax, or want to learn about the advanced features of Python, this course is for you! In this course we will teach you Python 3. (Note, we also provide older Python 2 notes in case you need them)

With over 40 lectures and more than 3 hours of video this comprehensive course leaves no stone unturned! This course includes tests, and homework assignments as well as 3 major projects to create a Python project portfolio!

This course will teach you Python in a practical manner, with every lecture comes a full coding screencast and a corresponding code notebook! Learn in whatever manner is best for you!

We will start by helping you get Python installed on your computer, regardless of your operating system, whether its Linux, MacOS, or Windows, we’ve got you covered!

We cover a wide variety of topics, including:

Command Line Basics
Installing Python
Running Python Code
Strings
Lists
Dictionaries
Tuples
Sets
Number Data Types
Print Formatting
Functions
Scope
Built-in Functions
Debugging and Error Handling
Modules
External Modules
Object Oriented Programming
Inheritance
Polymorphism
File I/O
Web scrapping
Database Connection
Email sending
and much more!
Project that we will complete:

Guess the number
Guess the word using speech recognition
Love Calculator
google search in python
Image download from a link
Click and save image using openCV
Ludo game dice simulator
open wikipedia on command prompt
Password generator
QR code reader and generator
You will get lifetime access to over 40 lectures.

So what are you waiting for? Learn Python in a way that will advance your career and increase your knowledge, all in a fun and practical way!

Basic knowledge
Basic programming concept in any language will help but not require to attend this tutorial
What will you learn
Learn to use Python professionally, learning both Python 2 and Python 3!
Create games with Python, like Tic Tac Toe and Blackjack!
Learn advanced Python features, like the collections module and how to work with timestamps!
Learn to use Object Oriented Programming with classes!
Understand complex topics, like decorators.
Understand how to use both the pycharm and create .py files
Get an understanding of how to create GUIs in the pycharm!
Build a complete understanding of Python from the ground up!

#Learn Python #Learn Python from Basic #Python from Basic to Advance #Python from Basic to Advance with Projects #Learn Python from Basic to Advance with Projects in a day

Ahebwe  Oscar

Ahebwe Oscar

1623148379

Django + Vue3 — The Best of Both Frontends

In the previous articles of this series, I’ve demonstrated a method of integrating Django templates and Vue in such a way that preserves the strengths of both frontend frameworks.

Since those articles were published, Vue3 has been released, bringing a variety of improvements and a list of breaking changes. With these numerous changes, the code examples from the prior articles in this series no longer work directly with Vue3. But happily, with only a few isolated changes, the same general approach works well with Vue3 and, moreover, the code becomes, in my opinion, simpler. In fact, we need not alter our components, our Vuex stores, or even our vue.config.js to work with Vue3. Rather, the required changes are limited to the app initialization logic.

Instead of rehashing the ideas and approach described in prior articles of this series, this article will instead enumerate the changes needed to adapt the Vue2 solution to Vue3. At the same time, I’ll introduce a couple of additional changes that, while not strictly necessary for Vue3, improve the overall quality of the Vue + Django integration.

If you’re just starting with Vue + Django, I suggest reading from the start of these articles to learn more about the general approach utilized in this article. Or, to start hacking immediately, check out the sample application source code.

Overview of changes

In Vue2, app initialization was generally done with new Vue() constructor. However, this approach was eliminated in Vue3, so instead we will adapt the code to use the new createApp() method. Similarly, we no longer can instantiate the Vuex store with new Vuex.store() but will instead use createStore().

Both these changes are straightforward adaptations based on the Vue migration guide.

However, our usage with Django necessitates a couple additional changes. First, we must provide for passing of properties from Django template, as our previous approach, which relied on new Vue(), no longer works. Second, as we may potentially be adding several Vue apps to a single page, it behooves us to extract our app/store creation logic into a callable function.

#vuejs #django #django + vue3 — the best of both frontends #both frontend #vue3 #best of both frontends

How to choose the right frontend for your product?

#FrontEnd #frontend #dev #technology 

Any web app’s frontend is the face of the product and picking the right frontend technology can make or break your product in no time. Here is the blog for you stating what are the best practices through which you can find the best frontend framework for your web application.

In order to buckle up the backend with the profound frontend, you will require to understand the core requirement of your project and address it with a unique approach to find the Best frontend framework

There are mainly 8 factors that will help you make the right pick are,

  1. Popularity in the Developer community
  2. Usability
  3. Core features
  4. Flexibility
  5. Serverside rendering
  6. Ease of Integration
  7. Mobile development support
  8. Future upgrades

Read on the original blog on how to Choose the Best Frontend Frameworks in 2022.

frontend frameworks and libraries
 

GK Quiz for Competitive Exams - Test Your General Knowledge

The recent UPSC prelims again focused on the general knowledge section. Important dates and events were asked again. The following quiz will help you cover important dates and events in January, February, and March. The events are related to different sectors like health, technology, security, education, and more. This GK quiz should help you improve your speed and revise the important facts about the event.

So here we start the quiz!!!

general knowledge gk quiz

#general knowledge tutorials #competitive exams #general knowledge #general knowledge quiz #gk quiz #testing