Web Languages and Standards

39K

Solutions

30K

Contributors

Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, and social network services using a wide variety of languages and standards, including the familiar HTML, JavaScript and jQuery, ASP and ASP.NET, PHP, ColdFusion, CSS, PHP, Flex and Flash, but also the implementation of a broad list of standards including XML, WSDL, SSDL, VoiceXML and many more.

Share tech news, updates, or what's on your mind.

Sign up to Post

I need to load an image based on a generated filename but find the following logic fails.

@Component({
  selector: 'puzzlepiece',
  styles: [],
  template: '<img src="../../../assets/images/PuzzleCompleted_" + {{ id }} + ".gif" />'
})

Instead of displaying the image, the path name variable is displayed on the page, thusly:

path name
but when I hard code the filename, it works:

@Component({
  selector: 'puzzlepiece',
  styles: [],
  template: '<img src="../../../assets/images/PuzzleCompleted_1.gif" />'
})

hard coded path
How do I use a variable to set the "src" for an image inside an HTML template?
0
I have a PuzzleCanvas component and a PuzzlePiece component. Each PuzzlePiece will persist its location in the matrix of PuzzlePieces.

For example, a PuzzlePiece may be on row 2 of 5 rows and be on column 3 of 8 columns.

How do I transpose this information into the X, Y coordinates for each PuzzlePiece?

Can the PuzzlePiece component use those variables row and column as it calculates where that particular PuzzlePiece should be drawn.

Thanks.
0
I need to create a matrix of child Components inside the parent Component, which creates them. Meanwhile, I need to pass in a few values in init of the child Component, like an Index number and an image filename.

How do I pass in parameters as I create these child Components?

Thanks
0
I have a PuzzleCanvas object and I need it to contain a matrix of PuzzlePieces 8 columns by 5 rows.

I want this done inside the Component itself so that in the HTML for the PuzzleCanvas I can simply use forEach and iterate through a previously created matrix of components.

How do I do this?

Thanks
0
I need to verify I can use automation to create a component, but get errors.

And On the Mac Terminal I also get a new command prompt. is this the CLI?

How do I call up the CLI from terminal?

What's wrong with my

$ ng new component './components/puzzlepiece
The command "new" has an option without the required type and name fields.
Error: The command "new" has an option without the required type and name fields.
    at Class.validateOption (/Users/RA/Documents/Git/PuzzlePeace/node_modules/@angular/cli/ember-cli/lib/models/command.js:377:13)
    at Array.map (<anonymous>)
    at Class.registerOptions (/Users/RA/Documents/Git/PuzzlePeace/node_modules/@angular/cli/ember-cli/lib/models/command.js:163:27)
    at getOptionsTask.run.then (/Users/RA/Documents/Git/PuzzlePeace/node_modules/@angular/cli/commands/new.js:95:18)
    at <anonymous>
$ ng new component './components/puzzlepiece
> pwd


My installation on the Mac looks good, I think:

$ ng -v
    _                      _                 ____ _     ___
   / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
  / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
 / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
/_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
               |___/
@angular/cli: 1.4.5
node: 8.6.0
os: darwin x64
@angular/animations: 4.4.4
@angular/common: 4.4.4
@angular/compiler: 4.4.4
@angular/core: 4.4.4
@angular/forms: 4.4.4
0
This makes no sense to me. I created CanvasComponent correctly, I think. I did it manually since the automtation failed me on another questionI posted,

c:\Dev\pp\src\app\app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { CanvasComponent } from './components/canvas/canvas.component';

@NgModule({
  declarations: [
    AppComponent,
    CanvasComponent    
  ],
  imports: [
    BrowserModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Open in new window


c:\Dev\pp\src\app\components\canvas\canvas.component.html
<h1>Hello from the Canvas1</h1>

Open in new window


c:\Dev\pp\src\app\app.component.html
<p>Hello from App</p>
<canvas></canvas>

Open in new window


c:\Dev\pp\src\app\components\canvas\canvas.component.ts
import { Component } from '@angular/core';

@Component({
  selector: 'canvas',
  //templateUrl: './canvas.component.html',
  template: `<h1>Hello from the Canvas2<h1>`
})

export class CanvasComponent {
  title = 'Title';
}

Open in new window



All I get is "Hello from App"

Chrome
Why don't I see?

Hello from the Canvas2

You can see I have commented out:
  //templateUrl: './canvas.component.html',

since that failed also.

Thanks for any help you can provide.

New news...

canvas does show in the debugger...


More new news...

When I place a <br> before <canvas></canvas>
the canvas does not show up on the pages. The same thing happens when I remove:

<p>Hello from the App</>


Lastly, I do see the message in the debugger...

canvas appears on the pageScreen-Shot-2017-10-09-at-11.25.16-P.png
0
I THINK I have a good installation of Node and Angular 4...here's why:

PS C:\dev\pp\src\app\components> ng -v
    _                      _                 ____ _     ___
   / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
  / ? \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
 / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
/_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
               |___/
@angular/cli: 1.4.5
node: 8.6.0
os: win32 x64
@angular/animations: 4.4.4
@angular/common: 4.4.4
@angular/compiler: 4.4.4
@angular/core: 4.4.4
@angular/forms: 4.4.4
@angular/http: 4.4.4
@angular/platform-browser: 4.4.4
@angular/platform-browser-dynamic: 4.4.4
@angular/router: 4.4.4
@angular/cli: 1.4.5
@angular/compiler-cli: 4.4.4
@angular/language-service: 4.4.4
typescript: 2.3.4
PS C:\dev\pp\src\app\components>

but I can not generate a new component.

PS C:\dev\pp\src\app\components> ng g component [canvas]
The command "generate" has an option without the required type and name fields.
Error: The command "generate" has an option without the required type and name fields.
    at Class.validateOption (C:\dev\pp\node_modules\@angular\cli\ember-cli\lib\models\command.js:377:13)
    at Array.map (<anonymous>)
    at Class.registerOptions (C:\dev\pp\node_modules\@angular\cli\ember-cli\lib\models\command.js:163:27)
    at getOptionsTask.run.then (C:\dev\pp\node_modules\@angular\cli\commands\generate.js:98:18)
    at …
0
When I have the Angular server running, but I'd like to terminate it, must I select Ctr+X?

ng serve
Is this the right way to shut it down? I do not have a command prompt when using PowerShel on Windows

Thanks
0
Beginners pick a language because they think they will make money using language.

But does a student need to start on computer science learning 0's & 1's, trees, lists, stacks, heaps.

Are there some students that are so gifted they can skip to coding the language?

Maybe kids who have used ipads their whole lives can start coding ios without learning about adding machines from the past.

Are there any naturally talented students that dont need to learn computer science theory?
0
I see Typescript can define statically types variable with the word "let"

how do these two lines differ?

let name: string = 'Bob';

name: string = 'Bob';
0
what is the deference between reciprocal link and regular link ?
0
This is my hello.js file:

console.log(“Angular works on the Mac”);

I installed Angular, but an trying to verify it works. What's wrong here?

$ node hello.js
/Users/newbieweb/Desktop/Dev/Angular/udemy-dream-app/hello.js:1
(function (exports, require, module, __filename, __dirname) { console.log(“Angular works on the Mac”);
                                                                          ^

SyntaxError: Invalid or unexpected token
    at createScript (vm.js:80:10)
    at Object.runInThisContext (vm.js:139:10)
    at Module._compile (module.js:588:28)
    at Object.Module._extensions..js (module.js:635:10)
    at Module.load (module.js:545:32)
    at tryModuleLoad (module.js:508:12)
    at Function.Module._load (module.js:500:3)
    at Function.Module.runMain (module.js:665:10)
    at startup (bootstrap_node.js:187:16)
    at bootstrap_node.js:607:3
0
I received the following email today regarding one of my registered websites:

As part of the rules of domain ownership, ICANN (the international governing organization of domain domains) requires that your contact information be publicly accessible. Therefore, your name, address, email address and phone number are made available to anyone who performs a whois search for the domain name.

We understand that making this information publicly available is not the best solution for many customers, but it is a requirement for domain ownership. In addition, using false contact information violates domain registration agreements and could lead to loss of domain ownership.  But there is now an alternative:

---------------------------------------------------------------
Private Whois Service is now available to protect your privacy!
---------------------------------------------------------------

In order to help protect our customer's privacy we offer a Private Whois service which will remove your private information from the whois database. This service will display proxy information for the name, address, phone number and use an alias email address. Any emails sent to the proxy email will be forwarded to your actual domain contact email address.

The Private Whois service is $5 per year and can be activated by visiting your Control Panel Domain manager at:

I'm a bit confused on how they, or anyone else for that matter, can offer this service, as I …
0
Let me first say this is high level and I may be missing certain information.

Working a back end system that will contain REST Services that will be used to create requests and retrieve list information. The data being passed back and forth will be JSON.

The web application I want to build should be a single page application. Some of the key features needed:
1. Single Page Application - Store user data (Preferences)
2. Single site should work with Browser and Mobile Devices (Mobile Web App)
3. Everything one click away (AS much as possible)
4. List Display (Datagrid)
5. Request forms via Modal Window

At a high level what language(s) would you use to accomplish this?

Thank you in advance.
0
How do you go about making design decisions and deciding what browsers to support?
0
When making a mainstream smart phone application today, that is NOT a Mobile App (responsive website), what platforms are there besides iPhone and Android?

I guess I mean "relevant platforms."

Is Blackberry still used by lots of users? And what other ones should I consider?

What development tools exist for these smaller platforms. But I can not use a Javascript framework, since this can not be responsive.
0
I assume when you have an app that is going to involve money, I automatically presume the iPhone and Android apps need to be Native. True?

I also expect to need to interact securely with hardware elements on the phone, both iPhone and Android. How well do Mobile apps do this?

Thanks
0
And what is Semantic Versioning?

Thanks
0
Hi

I don't know javascript: what's the codes below doing
& any harm (in terms of data leaks/loss & IT Security)
that it will pose if tagged onto a web page?


<script data-obct type="text/javascript">
/** DO NOT MODIFY THIS CODE**/
!function(_window, _document) {
var OB_ADV_ID='000e18a9cc209a30aeabceff3b9243dadf';
if (_window.obApi) { return; }
var api = _window.obApi = function() {api.dispatch ? api.dispatch.apply(api, arguments) : api.queue.push(arguments);};api.version = '1.0';api.loaded = true;api.marketerId = OB_ADV_ID;api.queue = [];var tag = _document.createElement('script');tag.async = true;tag.src = '//amplify.outbrain.com/cp/obtp.js';tag.type = 'text/javascript';var script = _document.getElementsByTagName('script')[0];script.parentNode.insertBefore(tag, script);}(window, document);
obApi('track', 'PAGE_VIEW');
</script>
0
I have a XSL that I have put together and it's about done.  I need to calculate the square root of a number.  I have researched and found what I THOUGHT was the solution, but I could not get it to work.  I need assistance putting it together.  I am getting an error that is attached.  XML errorHere is the code I have:
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.1" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:inr="http://mycompany.com/mynamespace" xmlns:math="http://exslt.org/math/functionssqrt/math.sqrt.template.xsl" extension-element-prefixes="math">
    <xsl:include href="../format.xsl"/>
	<xsl:import href="sqrt.xsl" />
    <xsl:param name="xslRootDirectory" select="inr:xslRootDirectory"/>
    <!-- List Coordinates with Station Report -->
    <xsl:template match="/">
        <xsl:variable name="gridOut" select="inr:SetGridOut(number(InRoads/@outputGridScaleFactor))" />
        <html>
            <head>
                <link rel="stylesheet" type="text/css" href="{$xslRootDirectory}/_Themes/engineer/theme.css"/>
            </head>
            <body>
				<xsl:apply-templates/>
            </body>
        </html>
    </xsl:template>
    <!-- Element Point Data -->
    <xsl:template match="HorizontalLine | HorizontalCircle | HorizontalSpiral">
        <xsl:variable name="startStation" select="Start/station/@internalStation"/>
        

Open in new window

0
I have been tasked with developing a plan to get out developers from testing and developing on our procuction boxes and testing/developing on our Test/Dev boxes.

My experience is only with small shops with 1 (myself) or 2 programmers, and we never needed a process to develope on Dev servers and promote to proction servers complete with gatekeepers.

Can anyone suggest some articles or provide some info on the subject that are better than just web-search ?

Thank You.
0
On our SharePoint, I need to embed a link that will open an external webpage using a specific browser, please advise.
0
Hi

I have a friend who is asking for a client :) about their Magento site.  They currently are using Magento 1.14.3.4  Enterprise.

They have a few questions.

1)  Is 1.14.3.4 the most current version of Magento Enterprise?
2)  When is the "end of life"for this version of Magento Enterprise.
3)  Is Magento 2 what they will need to upgrade to?   Or are there other Magento Enterprise options?

Thanks!

Rowby
0
Hi, I hope I can explain this well enough.

My folder structure looks like the attached. In each folder, I have src/pages, results, dev/gulp.

pages contains the nunjucks files, results are the resulting html files from running gulp nunjucks, and dev/gulp is where the gulpfile.js is.

When I want to make a change across the board, say to the navigation, I have to use the command line to go into each folder, gulp nunjucks, upload, then back out by changing directories, navigate to the next one, gulp nunjucks, and on through all 13. So my command line looks like the attached.

Can you help me find a way to speed that up?
Capture.JPG
cmd.txt
0
Does inc.com have an RSS feed?  Google searches are not yielding me any results on if they do or not.  I assume that's because they do not, but is there something hidden I'm missing?
0

Web Languages and Standards

39K

Solutions

30K

Contributors

Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, and social network services using a wide variety of languages and standards, including the familiar HTML, JavaScript and jQuery, ASP and ASP.NET, PHP, ColdFusion, CSS, PHP, Flex and Flash, but also the implementation of a broad list of standards including XML, WSDL, SSDL, VoiceXML and many more.