04-29-2019
Hey Ravinder,
Here is a more "2019'ish tutorial" Javascript / HTML tutorial which is easy to follow and is more in line with how developers do things in 2019:
Quick Autocomplete App With JS & JSON
Quote:
In this project we will build a simple web app that searches a JSON file using the Fetch API, Async/Await, Regex and high order array methods.
I recommended you code this tutorial using the same tools and technique as Brad.
Cheers.
This User Gave Thanks to Neo For This Post:
7 More Discussions You Might Find Interesting
1. Web Development
Not sure if this is the right place to ask this but here goes. I am creating a cheat sheet for co-workers. The concept is that you pick wire size and conduit size and the amount of wires that will fit is displayed. I haven't used alot of drop downs and can't quite figure out the way the get id... (3 Replies)
Discussion started by: zero3ree
3 Replies
2. Shell Programming and Scripting
I have a internal wesbite set up and any visitor must enter username / passwd as defined in apache (I've set these up using htpasswd)
I use cgi scripts set up using ksh or javascript to populate pages / tables etc.
I want to be able to get the apache username that the used authorised... (3 Replies)
Discussion started by: frustrated1
3 Replies
3. Web Development
I have tried to create a web page browser window. An example, I copied what the book pretty much wanted but get only the header. What should I change? Also Anyone know any good books for this? Many thanks.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Translation/EN"
... (4 Replies)
Discussion started by: N-Training
4 Replies
4. Programming
Hey All,
What I'm looking for is a way to rotate an image by non 90 degree angles (ie 90, 180, 270, 360). I am able to do it in PHP, but there are errors in the image, some pixels end up colored incorrectly and the image ends up resized and I lose transparency. I've done my share of searching on... (1 Reply)
Discussion started by: pmd006
1 Replies
5. Web Development
I am having some problems. I have been able to learn HTML, but when I try and encode CSS, nothing happens, what is the major issue here.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>MY CSS</title>
<style... (7 Replies)
Discussion started by: N-Training
7 Replies
6. Web Development
Vue Router has some quirks and on of the quirks is that it is not reliable when adding external links using the vue-router library.
After struggling with many solutions, I have found that creating a simple Vue.js component like this one seems to work the best (so far):
Component Example: ... (0 Replies)
Discussion started by: Neo
0 Replies
7. Web Development
While I'm on the subject of Google trends, here is a global trend since 2004 comparing react.js, angular.js, vue.js
It's no secret I'm a vue.js fan and coder, but not because of the trend line (which I just saw for the first time a few minutes ago) My experience is that vue.js, a late arrival... (0 Replies)
Discussion started by: Neo
0 Replies
LEARN ABOUT DEBIAN
libcaca-tutorial
libcaca-tutorial(3caca) libcaca libcaca-tutorial(3caca)
NAME
libcaca-tutorial - A libcaca tutorial First, a very simple working program, to check for basic libcaca functionalities.
#include <caca.h>
int main(void)
{
caca_canvas_t *cv; caca_display_t *dp; caca_event_t ev;
dp = caca_create_display(NULL);
if(!dp) return 1;
cv = caca_get_canvas(dp);
caca_set_display_title(dp, 'Hello!');
caca_set_color_ansi(cv, CACA_BLACK, CACA_WHITE);
caca_put_str(cv, 0, 0, 'This is a message');
caca_refresh_display(dp);
caca_get_event(dp, CACA_EVENT_KEY_PRESS, &ev, -1);
caca_free_display(dp);
return 0;
}
What does it do?
o Create a display. Physically, the display is either a window or a context in a terminal (ncurses, slang) or even the whole screen (VGA).
o Get the display's associated canvas. A canvas is the surface where everything happens: writing characters, sprites, strings, images... It
is unavoidable. Here the size of the canvas is set by the display.
o Set the display's window name (only available in windowed displays, does nothing otherwise).
o Set the current canvas colours to black background and white foreground.
o Write the string 'This is a message' onto the canvas, using the current colour pair.
o Refresh the display, causing the text to be effectively displayed.
o Wait for an event of type CACA_EVENT_KEY_PRESS.
o Free the display (release memory). Since it was created together with the display, the canvas will be automatically freed as well.
You can then compile this code on an UNIX-like system using the following commans (requiring pkg-config and gcc):
gcc `pkg-config --libs --cflags caca` example.c -o example
Version 0.99.beta18 Fri Apr 6 2012 libcaca-tutorial(3caca)